jQuery使复选框一键全选/全不选

Posted 2016-cxp

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery使复选框一键全选/全不选相关的知识,希望对你有一定的参考价值。

<form>
  你爱好的运动是?
  <input type="checkbox"  id="hxy"/>全选/不全选
  <br />
  <input type="checkbox" name="hxy" />1
  <input type="checkbox" name="hxy" />2
  <input type="checkbox" name="hxy"/>3
  <input type="checkbox" name="hxy" />4
</form>

在第一个复选框中添加click()事件,

核心的jQuery代码如下:

<script type="text/javascript">
  $(document).ready(function(e) {
  $("#hxy").click(function(){
    if(this.checked){
        $("[name=hxy]").attr("checked",true);

      }else{

        $("[name=hxy]").attr("checked",false);

      }
    });
  });
</script>

这样就完成了一个最基本的全选/全不选的实例。

以上是关于jQuery使复选框一键全选/全不选的主要内容,如果未能解决你的问题,请参考以下文章

jQuery实现复选框全选全不选反选问题解析

JQuery的复选框选中取消全选,全不选问题

jQuery实现复选框全选全不选

jQuery实现复选框全选全不选

Hmtl页面中Jquery实现复选框选择-全选-全不选-反选-提交

用jQuery实现复选框的全选全不选和反选