Jquery实现全选和全不选

最新推荐文章于 2024-01-23 19:19:19 发布

killeraction

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量89

点赞数

分类专栏： JavaScript jQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/killeraction/article/details/84222087

版权

JavaScript 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

jQuery

6 篇文章 0 订阅

订阅专栏

<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script src="js/jquery-1.6.1.min.js">
		
	
	</script>
  </head>
  
  <body>
    
    <table id="dataTab">
    <tr>
    	<th>
    		<input type="checkbox"  id="selectCheck" οnclick="selectAll();" value="test"/>
    	</th>
    </tr>
    	<tr>
    		<td>
    		<input type="checkbox" name="box" >
    		</td>
    		<td>
				####    		
    		</td>
    		<td>
    		<input type="checkbox" name="box">
    		</td>
    		<td>
				####    		
    		</td><td>
    		<input type="checkbox"  name="box">
    		</td>
    		<td>
				####    		
    		</td>
    	</tr>
    </table>
    
    <hr/>
    
    
     <table id="dataTab_1">
    <tr>
    	<th>
    		<input type="checkbox"  id="selectCheck_1" οnclick="selectAll_1();" value="test" checked="false"/>
    	</th>
    </tr>
    	<tr>
    		<td>
    		<input type="checkbox"  >
    		<input type="checkbox"  id="testBox" value="复选框" >
    		</td>
    		<td>
				####    		
    		</td>
    		<td>
    		<input type="checkbox" >
    		</td>
    		<td>
				####    		
    		</td><td>
    		<input type="checkbox">
    		</td>
    		<td>
				####    		
    		</td>
    	</tr>
    </table>
  </body>
</html>

<script>
	function selectAll(){
			//alert($("#selectCheck").attr("checked"));
			$.each($("input[name='box']"),function(){
				if($("#selectCheck").attr("checked")){
				$(this).attr("checked",$("#selectCheck").attr("checked"));
				}
				else{
					$(this).removeAttr("checked");
					}
				});

		}

	function selectAll_1(){
		var isChecked=$("#selectCheck_1").attr("checked");
		$("#dataTab_1 tr:gt(0) :checkbox").each(function(){
				if(isChecked){
					$(this).attr("checked","checked");
			}
			else{
				$(this).removeAttr("checked");
				}
			});

		}


</script>

killeraction

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery实现全选和全不选

&lt;html&gt; &lt;head&gt; &lt;base href="&lt;%=basePath%&gt;"&gt; &lt;title&gt;My JSP 'index.jsp' starting page&lt;/title&gt; &lt;meta http-equiv="pragma" conte
复制链接

扫一扫