すべてのチェックボックスを選択または解除
1413 ワード
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値を得ます