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

效果

单选

取消选择