Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 用JQuery实现全选与取消的两种简单方法

用JQuery实现全选与取消的两种简单方法

发布时间:2014-07-08   编辑:www.jquerycn.cn
本篇文章主要是对JQuery实现全选与取消的两种简单方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
jquery实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。
复制代码 代码如下:

<mce:script type="text/javascript"><!--

$(function() { 
    $("#checkall").click(function() { 
        $("input[@name='checkname[]']").each(function() { 
            $(this).attr("checked", true);
        });
    });
    $("#delcheckall").click(function() { 
        $("input[@name='checkname[]']").each(function() { 
            $(this).attr("checked", false);
        });
    });
});
// --></mce:script>

<input type='checkbox' id='id1' name='checkname[]' value='1' />value1 
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3

<input type="button" id="checkall" name="checkall" value="全选" />
<input type="button" id="delcheckall" name="delcheckall" value="取消全选" />

更加简单的一种:
复制代码 代码如下:

$("#checkall").click(
  function(){
    if(this.checked){
        $("input[name='checkname']").attr('checked', true)
    }else{
        $("input[name='checkname']").attr('checked', false)
    }
  }
);

您可能感兴趣的文章:
用JQuery实现全选与取消的两种简单方法
JQuery实现全选与反选的二种方法
JQUERY复选框CHECKBOX全选,取消全选
JQUERY CHECKBOX全选,取消全选,反选方法三
简单的代码实现jquery定时器
jquery 获取对象的方法以及jquery 选择器的使用
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
取消选中单选框radio的三种方式示例介绍
jQuery checkbox全选/取消全选实现代码
H5开发:实现消灭星星游戏的详细内容

关键词: JQuery  全选   
[关闭]