您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本篇文章主要是对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)     }    }  );