radio单选框操作

radio单选框操作

1. 手动进行radio的选中，（初始化里面的语句可以进行手动的选中操作）

2. radio 选择触发事件

<form class="layui-form layui-form-pane" action="" id="userForm"> 
    <input type="radio" name="sex" value="1" title="男" lay-filter="sexFilter">
    <input type="radio" name="sex" value="0" title="女" lay-filter="sexFilter">
</form>
 
<script>
 
    // radio 单选框，初始化
    function resetRadio() {
        // 0 表示的是第一个 radio 男
        $('input:radio[name=sex]')[0].checked = false; //将第一个 radio 设置为不选中
        $('input:radio[name=sex]')[1].checked = false; //将第2个 radio 设置为不选中
        //将设置的内容 写入到 form 表单
        form.render('radio');
    }
    
    //点击 单选框的时候触发的操作
    form.on('radio(sexFilter)', function (data) {
        if (data.value == 1) {
            layer.msg("男 = 1");
            
        }else if (data.value == 0) {
            layer.msg("女 = 0");
            
        }
        
    });
</script>