日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

js 按钮(checkbox)控制多个checkbox的选中或不选中问题

發布時間:2025/3/21 59 豆豆
生活随笔 收集整理的這篇文章主要介紹了 js 按钮(checkbox)控制多个checkbox的选中或不选中问题 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

為什么80%的碼農都做不了架構師?>>> ??

html代碼:

<input type="checkbox" id="checkAll"/>&nbsp;全選/全不選

<input type="checkbox" name="centralCity" value="1">北京&nbsp;

<input type="checkbox" name="centralCity" value="2">天津&nbsp;

<input type="checkbox" name="centralCity" value="3">上海&nbsp;

<input type="checkbox" name="centralCity" value="4">重慶&nbsp;

?

js代碼:

<script type="text/javascript">

$(function() {
?? ?//全選或全不選
?? ?$("#checkAll").click(function() {
?? ??? ?if(this.checked) {
?? ? ? ?? ??? ?$("input[name='centralCity']").prop('checked', true);
?? ? ??? ?} else {
? ? ? ? ? ? ? ?$("input[name='centralCity']").prop('checked', false);
?? ? ??? ?}
?? ?});
});
</script>

?

轉載于:https://my.oschina.net/jirglt/blog/3011337

《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的js 按钮(checkbox)控制多个checkbox的选中或不选中问题的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。