zoukankan      html  css  js  c++  java
  • jquery实现复选框checkbox全选,取消全选

    jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的,是Iterator循环遍历出来的。

    <td class="rd8">
    <input type="checkbox" name="selectFlag" id="selectFlag" value="<%=user.getUser_id()%>">
    </td>


    第一种方法:

    //全选 
    		$("#checkAll").click(function() {
    			if (this.checked) {
    				$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
    							$(this).attr("checked", true);
    						})
    			} 
    		})
    		//取消全选 
    		$("#delCheckAll").click(function() {
    			if (this.checked) {
    				$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
    							$(this).attr("checked", false);
    						})
    			} 
    		})


    更简单直接的一种:

    $("#checkAll").click(function() {
    				if (this.checked) {
    					$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
    								$(this).attr("checked", true);
    							})
    				} else {   //反之 取消全选 
    					$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
    								$(this).attr("checked", false);
    								//alert("f");
    							})
    				}
    			})


     

  • 相关阅读:
    Java学习8.31
    Java学习8.30
    Java学习8.29
    Java学习8.28
    Java学习8.27
    Java学习8.26
    242. Valid Anagram 有效的字符串
    680. Valid Palindrome II 对称字符串-可删一个字母版本
    151. Reverse Words in a String翻转一句话中的单词
    155. Min Stack 155.最小栈
  • 原文地址:https://www.cnblogs.com/itmyhome/p/4131519.html
Copyright © 2011-2022 走看看