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>
Processed:
0.014, SQL:
9
