layui怎么获取radio单选框选中的值

这篇文章主要介绍“layui怎么获取radio单选框选中的值”，在日常操作中，相信很多人在layui怎么获取radio单选框选中的值问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”layui怎么获取radio单选框选中的值”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

　　Layui获取radio的值，layui判断radio选中的单选值，layuiform表单获取radio选中的值。首先准备两个radio，<inputtype="radio"name="sex"value="1"title="男"lay-filter="ChoiceRadio">，<inputtype="radio"name="sex"value="2"title="女"checkedlay-filter="ChoiceRadio">。

　　一、jq获取radio选中的值

　　通过radio的name，id，class选择器，这里仅举例name。

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

　　二、监听radio单选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

　　<scriptid="tpl"type="text/html">

　　<inputtype="radio"name="sex"value="男"title="男"{{d.sex==1?'checked':''}}lay-filter="ChoiceRadio">

　　<inputtype="radio"name="sex"value="女"title="女"{{d.sex==2?'checked':''}}lay-filter="ChoiceRadio">

　　</script>

到此，关于“layui怎么获取radio单选框选中的值”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！