layui 獲取radio單選框選中的值

Layui 獲取 radio的值，layui判斷radio選中的單選值

layui form 表單獲取radio選中的值

首先准備兩個radio

<input type="radio" name="sex" value="1" title="男" lay-filter="ChoiceRadio">
<input type="radio" name="sex" value="2" title="女" checked lay-filter="ChoiceRadio">

一、jq獲取

通過 radio 的 name，id，class 選擇器，這里僅舉例 name。

$('input[name="sex"]:checked').val();

二、監聽radio單選

radio單選框被點擊時觸發，回調函數返回一個object參數，攜帶兩個成員：

form.on('radio(filter)', function(data){
  console.log(data.elem); //得到radio原始DOM對象
  console.log(data.value); //被點擊的radio的value值
});  

用這種方式要注意html的radio元素要設置 lay-filter 屬性，並且與監聽radio單選的 filter 保持一致，否則無法取到正確的值。

layui判斷radio選中的單選值

模板引擎 - layui.laytpl

<script id="tpl" type="text/html">
<input type="radio" name="sex" value="男" title="男" {{ d.sex == 1 ? 'checked' : '' }} lay-filter="ChoiceRadio">
<input type="radio" name="sex" value="女" title="女" {{ d.sex == 2 ? 'checked' : '' }} lay-filter="ChoiceRadio">
</script>