源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-02-04 20:50 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:用JQuery实现全选与取消的两种简单方法
用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。
[u]复制代码[/u] 代码如下:
<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="取消全选" />
更加简单的一种:
[u]复制代码[/u] 代码如下:
$("#checkall").click(   function(){     if(this.checked){         $("input[name='checkname']").attr('checked', true)     }else{         $("input[name='checkname']").attr('checked', false)     }   } );
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部