全选或取消所有复选框

jsp:

<body>
		
		<div id="table">
			<table border="0.1px;">
				<!-- 标题 -->
				<thead>
					<tr>
						<td><input type="checkbox" id="checkAll"  onclick="checkAll()"/></td>
					</tr>
				</thead>
				
				<tbody id="content">
				        <tr><td><input type='checkbox' id='user' value="12"/></td></tr>
                          <tr><td><input type='checkbox' id='user' value="12"/></td></tr>
				</tbody>
				
			</table>
		</div>
		
	</body>

 

js:

//点击标题栏复选框全选所有复选框
function checkAll(){
	if($("input[id='checkAll']:checked").length == 1){
		$("input[id='user']").each(function(){
			this.checked=true;
		});
	}else{
		$("input[id='user']").each(function(){
			this.checked=false;
		});
	}
}

 

注意:$("input[id='user']:checked")得到的是一个对象数组。可以通过length和size()得到数组长度。

          $("input[id='user']:checked").val()得到的是第一个元素的value值

你可能感兴趣的:(复选框)