2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > js实现表单checkbox的单选 全选

js实现表单checkbox的单选 全选

时间:2018-11-25 08:43:20

相关推荐

js实现表单checkbox的单选 全选

全选&单选

//<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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。