基于JQuery写的表单中checkbox全选

原创 2018年04月16日 16:58:59

关键代码

HTML


<table id="table">
    <thead>
        <th><input class="group-checkable" type="checkbox" data-set="#table .checkboxes"/></th>
    </thead>
    <tbody>
        <tr><td><input class="checkboxes" type="checkbox"/></td></tr>
        <tr><td><input class="checkboxes" type="checkbox"/></td></tr>
        <tr><td><input class="checkboxes" type="checkbox"/></td></tr>
    </tbody>
</table>

JavaScript


$(function(){
    $('#table').find('.group-checkable').change(function(){
        var set = $(this).attr('data-set');
        var checked = $(this).is(':checked');
        $('set').each(function(){
            if(checked){
                $(this).prop('checked', true);
            } else {
                $(this).prop('checked', false);
            }
        })
    })
})

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/fengqiyuanluo/article/details/79963057

jquery mobile 页面加载实现checkbox全选

最近需求遇到的问题 1 两层div 外层父级checkbox框 内层子级checkbox框 2 实现页面一加载 父级 子级全部选中 实现方法 ...
  • Lanchenghao
  • Lanchenghao
  • 2013-08-26 00:14:43
  • 1876

如何利用jQuery使复选框一键全选/全不选

我们先写一个表单: 你爱好的运动是? 全选/不全选 1 2 3 4 在第一个复选框中添加click()事件, 核心的jQuery代码如下: $(document)...
  • hxy19971101
  • hxy19971101
  • 2016-08-07 17:09:56
  • 6612

jQuery实现Checkbox全选功能

jQuery实现勾选CheckAll时选中某一类全部的checkbox;当这一类中的checkbox有一个没有被选中,则CheckAll就不应该被勾选;如果所有的checkbox被选中,则CheckA...
  • u012739535
  • u012739535
  • 2015-07-13 22:35:25
  • 2404

jQuery实现checkbox点击全选和取消全选

jQuery实现点击全选和取消全选 有时候需要实现点击按钮全选,再点击取消全选,类似下图: 具体怎么实现呢? 代码如下: $('input[name="selectall"]')....
  • u011637069
  • u011637069
  • 2016-05-01 13:14:36
  • 14591

jQuery实现表单全选、全不选以及反选的功能

本文主要介绍了利用jQuery实现表单的全选、全不选以及反选的功能。对如下的form表单: 请选择想要学习的编程语言: ...
  • github_38383183
  • github_38383183
  • 2017-06-22 20:07:55
  • 1101

jQuery实现表格的checkbox全选/取消全选

效果图 在jquery.js文件放到项目中对应的位置即可。
  • baidu_33621693
  • baidu_33621693
  • 2016-06-27 13:31:12
  • 92

jquery实现checkbox全选功能,第二次点击【全选】按钮,页面无法勾选

去面试,老多人问会不会jquery啊,会不会
  • shi_longyan
  • shi_longyan
  • 2014-11-22 10:35:43
  • 2494

新手学JavaScript(四)----CheckBox全选与全不选

在这给大家推荐一款比较不错的纯CSS实现的CheckBox–CSSCheckBox,用bootstrap里面自带的checkbox和radio样式不太美观,所以就另找了一个插件,这里大家可能会有疑问,...
  • u010853701
  • u010853701
  • 2016-01-27 21:01:51
  • 2253

jquery实现复选框的全选操作

最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,把功能实现,整理如下。 实现细节如...
  • mj158518
  • mj158518
  • 2016-07-20 00:30:13
  • 4061
收藏助手
不良信息举报
您举报文章:基于JQuery写的表单中checkbox全选
举报原因:
原因补充:

(最多只允许输入30个字)