zoukankan      html  css  js  c++  java
  • jQuery全选

    表单

    <input type="checkbox" id="all" /> 全选<br />
    <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 class="t" type="checkbox" value="ee" /> ee
    
    <input type="button" value="测试" id="btn" />
    <input type="text" id="txt" />
    <input type="button" value="设置选中" id="sel" />
    

     jQuery

    <script type="text/javascript">
    
    $(document).ready(function(e) {
        
    	//全选
    	$("#all").click(function(){
    		
    		var ck = $(".t");
    		var xz = $(this)[0].checked;
    		
    		ck.prop("checked",xz);
    		
    		})
    	
    	//取选中项的值
    	$("#btn").click(function(){
    		
    		var ck = $(".t");
    		for(var i=0; i<ck.length;i++)
    		{
    			if(ck.eq(i).prop("checked"))        //ck.eq(i)[0].checked
    			{
    				alert(ck.eq(i).val());
    			}
    		}
    		
    		})
    		
    	//设置某项选中
    	$("#sel").click(function(){
    		
    		var v = $("#txt").val();
    		
    		var ck = $(".t");
    		ck.prop("checked",false);
    		for(var i=0;i<ck.length;i++)
    		{
    			if(ck.eq(i).val()==v)
    			{
    				ck.eq(i).prop("checked",true);
    			}
    		}
    		
    		})
    	
    	
    	
    });
    
    </script>
    

      

  • 相关阅读:
    阿里云与物理服务器
    ## 100个网路基础知识##
    Linux 中vim编辑器
    Linux 目录结构及增删改查
    Linux 命令行常用快捷键
    XSS劫持cookie登录
    Tomcat
    centos 6.5 搭建DHCP实验
    centos 6.5 系统故障分析实验
    LVM的创建及管理
  • 原文地址:https://www.cnblogs.com/1116zsc/p/5496871.html
Copyright © 2011-2022 走看看