1

1つのチェックボックスを選択すると他のチェックボックスを無効にし、これが再び選択解除された場合は再度有効にしようとしています。
以下は、標準のチェックボックスのサンプルフィドル中に機能することがわかったコードのスニペットですが、これをチェックボックスで複製することはできませんでした。誰かがこれをチェックボックスで機能させるために必要な変更を推奨してください?

    <script>
    $('#chkItems').change(function () {
        $(this).siblings('#chkItems').prop('disabled', this.checked)
    });
   </script>

以下は、これを呼び出している場所のチェックボックスです

@Html.CheckBoxFor(modelItem => item.IsDisplayImage, new { id = "chkItems" })
4

2 に答える 2

0

チェックボックスの使用を維持したい場合は、このコードを使用できます。それ以外の場合は、代わりにラジオ ボタンを使用することをお勧めします。

HTML

<label class="checkbox-inline check">
      <input type="checkbox" name="skills" id="radio" value="1"> 1
</label>
<label class="checkbox-inline check">
      <input type="checkbox" name="skills" value="2"> 2
</label>
<label class="checkbox-inline check">
      <input type="checkbox" name="skills" value="3"> 3
</label>

JS:

$('.check input:checkbox').click(function() {
    $('.check input:checkbox').not(this).prop('checked', false);
});

デモについては、この jsfiddle を確認してください

ラジオボタンを次のように使用できます。

<form>
  <input type="radio" name="gender" value="male" checked> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other  
</form>
于 2016-04-13T08:35:11.587 に答える