教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 JQuery实现全选与反选的二种方法

JQuery实现全选与反选的二种方法

发布时间:2015-12-12   编辑:jiaochengji.com
分享下JQuery实现全选与取消全选,即反选的两种简单方法,有需要的朋友参考下。

jquery实现全选和取消全选,支持更多浏览器。

方法1,
 

复制代码 代码示例:

<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="取消全选" />

方法2,jquery全选与全不选。
 

复制代码 代码示例:
$("#checkall").click(
  function(){
    if(this.checked){
        $("input[name='checkname']").attr('checked', true)
    }else{
        $("input[name='checkname']").attr('checked', false)
    }
  }
);

>>> 您可能感兴趣的文章:
jquery实现checkbox全选全不选(示例)
JQuery checkbox全选的小例子
jquery实现全选、反选、删除、添加的功能
checkbox全选功能(jquery、javascript)
jQuery实现CheckBox全选、全不选的示例代码
jQuery全选取得选中值的实例代码
jquery实现checkbox的全选、取消及跨页保存
jquery 全选、全不选、反选的实现代码

您可能感兴趣的文章:
JQuery实现全选与反选的二种方法
JQUERY CHECKBOX全选,取消全选,反选方法三
jquery全选/全不选/反选另一种实现方法(配合原生js)
jQuery 过滤not()与filter()实例代码
jQuery判断checkbox(复选框)是否选中、全选、反选
jquery高效反选具体实现
Jquery 学习笔记(二)
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
解决jquery操作checkbox火狐下第二次无法勾选问题
JQuery 复选框全选与反选的例子

关键词: checkbox反选  checkbox全选  全不选  全选   
[关闭]
~ ~