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

效果

单选
在这里插入图片描述
取消选择
在这里插入图片描述

posted @ 2020-12-30 14:24  Ao_min  阅读(1047)  评论(0编辑  收藏  举报