jQuery实现checkbox全选

2007-11-08 22:57 | Filed Under Html/JS/CSS |

jQuery的选择器确实很强大，比起自己实现能节约不少代码

<script type="text/javascript">
$(function() {
$("#selectall").click(function() {
$("input[@name='shareuser[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#deselectall").click(function() {
$("input[@name='shareuser[]']").each(function() {
$(this).attr("checked", false);
});
});
});
</script>
<input type='checkbox' id='in-shareuser-10' name='shareuser[]' value='10' />UserA
<input type='checkbox' id='in-shareuser-11' name='shareuser[]' value='11' />UserB
<input type='checkbox' id='in-shareuser-12' name='shareuser[]' value='12' />UserC
<input type="button" id="selectall" name="selectall" value="全选" />
<input type="button" id="deselectall" name="deselectall" value="取消全选" />

Comments

2 Responses to “jQuery实现checkbox全选”

柠檬园主 on 2007-12-04 9:59 am

看看我的,比你的更简单一些.

$("#checkall1").click(
function(){
   if(this.checked){
   $("input[name='courseid']").each(function(){this.checked=true;});
   }else{
   $("input[name='courseid']").each(function(){this.checked=false;});
   }
}
);

使用jQuery和javascript本身的功能结合,在IE和FF下都兼容的.并且全选和取消全选只用一个checkbox来实现,更加直观一些了.
甚至还可以改进用?:三元运算来得更简洁的….

[Reply]
匿名 on 2008-10-19 3:11 am

一句话搞定，jQuery(’input[@type=checkbox][name=resourceID]‘).attr(’checked’,this.checked)

[Reply]