当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 用JQuery实现全选与取消的两种简单方法

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

2019年03月22日  | 移动技术网IT编程  | 我要评论

用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)
    }
  }
);

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网