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="取消全选" />
标签：checkbox, javascript, jQuery相关日志 随机文章
Comments
One Response to “jQuery实现checkbox全选”
Leave a Reply
看看我的,比你的更简单一些.
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]