layui checkbox 复选框 单选 取消选择

<div class="layui-form"> <input type="checkbox" lay-skin="primary" name="dutyWatch" value="1" title="在岗" > <input type="checkbox" lay-skin="primary" name="dutyWatch" value="2" title="不在岗" > </div> 

  // 复选框变单选框 form.on('checkbox', function (data) { var oldState = data.elem.checked // 记录状态 var elName = data.elem.name || '' // 取当前名称 $("input[name='"+elName+"']").prop("checked", false); //全部取消选中 $(this).prop("checked", true); //勾选当前选中的选择框 if(!oldState){ // 如果是flase表示点击的是之前已被选中的那个 $(this).prop("checked", false); // 取消勾选当前的 } form.render('checkbox'); }); 

效果

单选

取消选择