zoukankan      html  css  js  c++  java
  • jquery 实现checkbox全选

    <body>
    <div><input type="checkbox" id="all"/>全选</div>
    <input class="t" type="checkbox" value="aa"/>aa
    <input class="t" type="checkbox" value="bb"/>bb
    <input class="t" type="checkbox" value="cc"/>cc
    <input class="t" type="checkbox" value="dd"/>dd
    <input type="button" id="btn"  value="点击获取数据"/>
    <input type="text" id="text" />
    <input type="button" id="sel"  value="设置选中"/>
    </body>
    
    <script type="text/javascript">
    //设置全选
    $(document).ready(function(e){
        $("#all").click(function(){
    		var ck=$(".t");
    		var xz=$(this)[0].checked;//获取全选的选中状态
    		ck.prop("checked",xz);
    		})
    	//获取value值	
    	$("#btn").click(function(){
    		var ck=$(".t");
    		for(var i=0;i<ck.length;i++)
    		{
    			if(ck.eq(i).prop("checked")){//eq(i) 代表第几项的意思
    				alert(ck.eq(i).val());
    				}
    			}
    			})	
    	//设置某项选中	
    	$("#sel").click(function(){
    		var v = $("#text").val();//取文本框里的值
    		var ck = $(".t");   //找到checkbox
    		ck.prop("checked",false); //设置不被选中
    		for(var i=0;i<ck.length;i++)
    		{
    			if(ck.eq(i).val()==v)//判断文本框的值是否与checkbox的name值相同
    			{
    				ck.eq(i).prop("checked",true);//设置被选中
    				}
    			}
    		})	
    });
    </script>
    

      

  • 相关阅读:
    poj 1860 Currency Exchange(最短路径的应用)
    poj 2965 The Pilots Brothers' refrigerator
    zoj 1827 the game of 31 (有限制的博弈论)
    poj 3295 Tautology (构造法)
    poj 1753 Flip Game(枚举)
    poj 2109 (贪心)
    poj 1328(贪心)
    Qt 对单个控件美化
    Qt 4基础
    Bash Shell
  • 原文地址:https://www.cnblogs.com/yuchao19950412/p/5623184.html
Copyright © 2011-2022 走看看