簡単なcheckboxの全選択実装
4893 ワード
すべて选ぶのは多くのプロジェクトの中で必要なコードのブロックが多くなくて直接コードhtmlコードに行きます
JAvascript(jQueryベース)
問題があると思ったら指摘してください.
<body>
<table>
<tr>
<th><input type='checkbox' id='allcheck'/>th>
<th> th>
tr>
<tr>
<td><input type='checkbox' />td>
<td> td>
tr>
<tr>
<td><input type='checkbox' />td>
<td> td>
tr>
<tr>
<td><input type='checkbox' />td>
<td> td>
tr>
table>
body>JAvascript(jQueryベース)
$(function(){
// checkbox
var cks= $(':checkbox:gt(0)');
// checkbox click
var allcheck=$('#allcheck').click(function(){
// checkbox checked checkbox
cks.prop("checked", $(this).prop("checked"));
})
// checkbox
cks.click(function(){
if(!$(this).prop('checked')){
//
allcheck.prop('checked',false);
}else{
// checkbox
if(cks.filter($(':not(:checked)')).length==0){
allcheck.prop('checked',true);
}
}
})
})問題があると思ったら指摘してください.