Layui 獲取 radio的值，layui判斷radio選中的單選值
layui form 表單獲取radio選中的值
首先準備兩個radio
<input type="radio" name="sex" value="https://www.cnblogs.com/sirdong/p/1" title="男" lay-filter="ChoiceRadio">
<input type="radio" name="sex" value="https://www.cnblogs.com/sirdong/p/2" title="女" checked lay-filter="ChoiceRadio">
一、jq獲取
通過 radio 的 name，id，class 選擇器，這里僅舉例 name，
$('input[name="sex"]:checked').val();
二、監聽radio單選
radio單選框被點擊時觸發，回呼函式回傳一個 object 物件，攜帶兩個成員：
form.on('radio(ChoiceRadio)', 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="https://www.cnblogs.com/sirdong/p/男" title="男" {{ d.sex == 1 ? 'checked' : '' }} lay-filter="ChoiceRadio">
<input type="radio" name="sex" value="https://www.cnblogs.com/sirdong/p/女" title="女" {{ d.sex == 2 ? 'checked' : '' }} lay-filter="ChoiceRadio">
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/178587.html
標籤：JavaScript
上一篇：移動端隱藏滾動條，css方法
下一篇：js中clientWidth, scrollWidth, innerWidth, outerWidth和offsetWidth屬性的區別