全選&單選

//<input type="checkbox" name="" class="quan" value="" />全選//<input type="checkbox" name="" class="dan" value="" />單選//<input type="checkbox" name="" class="dan" value="" />單選//<input type="checkbox" name="" class="dan" value="" />單選//<input type="checkbox" name="" class="dan" value="" />單選//<input type="checkbox" name="" class="quan" value="" />全選<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript"> var $checke_q = $(".quan"); //全選按鈕var $checke_d = $(".dan"); //單選按鈕$checke_q.click(function() {var that = this;$checke_d.each(function() { //所有的單選按鈕跟隨選中的多選按鈕變化this.checked = that.checked;})$checke_q.each(function(){ //所有的多選按鈕跟隨選中的多選按鈕變化this.checked=that.checked;})})$checke_d.change(function() {let count = 0; //單選 按鈕 個數$checke_d.each(function() { if(this.checked) {count ++;}})if(count == $checke_d.length) { //當count等于單選按鈕的個數時 說明單選按鈕全部選中了，此時多選按鈕也該被選中$checke_q.each(function() {this.checked = true;})} else {$checke_q.each(function() {this.checked = false;})}})</script>

轉載于:https://www.cnblogs.com/hw-0409/p/7886476.html

總結

以上是生活随笔為你收集整理的js实现表单checkbox的单选，全选的全部內容，希望文章能夠幫你解決所遇到的問題。

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