0

更新: 以下のコードはイベントを発生させていますが、私が抱えている唯一の問題は: チェックボックスがオフになっていないことです。 $("input#crea").is(':checked') == false;

私は ICheck プラグインを使用しています。私がやろうとしているのは、ユーザーは 1 つのチェックボックスのみを選択する必要があり、ユーザーは両方をチェックすることはできません....

 $('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>
4

1 に答える 1

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);
    }
 });
于 2015-12-08T18:23:03.870 に答える