「jQuery」prop()でチェックボックスの項目を全てに選択するサンプル

書式
$('input:checkbox[name=セレクタ名]’).prop('checked’,true)
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<input type="checkbox" name="cft" value="1001">:AA
<input type="checkbox" name="cft" value="1002">:BB
<input type="checkbox" name="cft" value="1003">:CC
<input type="button" class="btnSel" value="選択" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(".btnSel").click(function() {
$('input:checkbox[name="cft"]').prop('checked',true);
});
</script>
<input type="checkbox" name="cft" value="1001">:AA <input type="checkbox" name="cft" value="1002">:BB <input type="checkbox" name="cft" value="1003">:CC <input type="button" class="btnSel" value="選択" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(".btnSel").click(function() { $('input:checkbox[name="cft"]').prop('checked',true); }); </script>
<input type="checkbox" name="cft" value="1001">:AA
<input type="checkbox" name="cft" value="1002">:BB
<input type="checkbox" name="cft" value="1003">:CC
<input type="button" class="btnSel" value="選択" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>

      $(".btnSel").click(function() {
            $('input:checkbox[name="cft"]').prop('checked',true);
      });

</script>

 

jQuery

Posted by arkgame