Question

更新：以下代码触发了该事件，但我遇到的唯一问题是：它不是未选中复选框，这是 $("input#crea").is(':checked') == false;

我正在使用ICheck插件，我正在尝试的是：用户应该只选择一个复选框，用户无法同时检查两个....

 $('input').on('ifChecked', function (event) {
    if ($("input#rec").is(':checked')) {
        $("input#crea").is(':checked') == false;
    }
    else if ($("input#crea").is(':checked')) {
        $("input#rec").is(':checked') == false;
    }
});

下面是渲染页面在运行时的样子：

<div class="col-sm-6">
    <input class="icheck" id="rec" name="rec" type="checkbox" value="true" /><input name="rec" type="hidden" value="false" /> <span style="color:black;">Receive</span>
</div>
<div class="form-group"> 
  <label class="col-sm-2 control-label"> </label>
     <div class="col-sm-6">
       <input class="icheck" id="crea" name="crea" type="checkbox" value="true" /><input name="crea" type="hidden" value="false" /> <span style="color:black;">Create</span>
       </div> 
 </div>

Answer 1

您应取消选中以下复选框。

$("input#crea").prop('checked', false);

$("input#rec").prop('checked', false);

完整事件应如下所示。

 $('input').on('ifChecked', function (event) {
    if ($("input#rec").is(':checked')) {
        $("input#crea").prop('checked', false);
    }
    else if ($("input#crea").is(':checked')) {
        $("input#rec").prop('checked', false);
    }
 });

ICheckbox切换已选中/未检查

1 个答案: