zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    poj 2195 Going Home
    poj 3068 "Shortest" pair of paths
    aoj 2226 Merry Christmas
    poj 2226 Muddy Fields
    foj Problem 2275 Game
    foj Problem 2283 Tic-Tac-Toe
    XidianOJ 1081 锘爷与矩阵
    XidianOJ 1061 a+boflw
    XidianOJ 1080 锘爷与跳楼塔
    XidianOJ 1017 Codeforce上的rating
  • 原文地址:https://www.cnblogs.com/hw-0409/p/7886476.html
Copyright © 2011-2022 走看看