layui复选框变单选

layui复选框变单选

<div class="hao-evaluate-user-content">
   <i class="layui-btn"><input type="checkbox" class="hao-form-radio-square" name="userOp" value="任课老师" title="任课老师" lay-skin="primary" lay-filter="oneCheck" checked></i>
   <i class="layui-btn"><input type="checkbox" class="hao-form-radio-square" name="userOp" value="班主任" title="班主任" lay-skin="primary" lay-filter="oneCheck"></i>
   <i class="layui-btn"><input type="checkbox" class="hao-form-radio-square" name="userOp" value="干事" title="干事" lay-skin="primary" lay-filter="oneCheck"></i>
   <i class="layui-btn"><input type="checkbox" class="hao-form-radio-square" name="userOp" value="级部主任" title="级部主任" lay-skin="primary" lay-filter="oneCheck"></i>
</div>
<script>
   layui.use(['element', 'form', 'laydate'], function() {
   var form = layui.form;
   var laydate = layui.laydate;
   form.on('checkbox(oneCheck)', function(data){
    　　$("input[name='userOp']").prop("checked", false);
       $(this).prop("checked", true);
       form.render('checkbox');
    });
    form.render('checkbox');
   });
</script>