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'); }); 

效果

單選

取消選擇