jQuery实现全选取消全选

最新推荐文章于 2024-03-20 05:11:58 发布
原创 最新推荐文章于 2024-03-20 05:11:58 发布 · 624 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #function #input #网络

本文介绍了一个使用jQuery实现的全选功能脚本，该脚本能帮助快速选择页面上的所有复选框。通过绑定点击事件到全选按钮上，可以便捷地控制多个复选框的状态。

参考网络资源实现的：

$(function() {
    var checkallFunc = function() {
        var s=this.checked;
        $("input[type=/"checkbox/"]").each(function() {
            $(this).attr("checked", s); });
    };
    $("#chkbxAllUp").click(checkallFunc);
    $("#chkbxAllDn").click(checkallFunc);

});

 

其中：chkbxAllUp,chkbxAllDn为全选按钮ID，有个问题就是只能针对当前页面里面所有的checkbox，若要局部的就得再改进了。

jQuery实现复选框全选和取消全选功能
牧小七的博客
04-25 1355
使用jQuery实现复选框全选和取消全选功能，在全选状态取消其中一项勾选时，全选按钮会自动取消勾选，所有项全部单独勾选上时，全选按钮也会自动勾选。
jquery操作checkbox实现全选和取消全选
12-11
今天这样写了一个全选和取消全选的功能： 全选：$(“:checkbox”).attr(“checked”,”checked”); 取消全选：$(“:checkbox”).removeAttr(“checked”); 获取选中的：$(“:checked[checked=’checked’]”) 发现点全选可以，在点取消全选也可以，获取选中的失效，接下来再点任何按钮都没有效果了 这样行不通，我也不太清楚什么原因，脚本语言就这毛病，一边灵活一边诡异，也不去找原因了，后来改成这样写 全选： $(“:checkbox”).prop(“checked”,true) 取消全选：$(“:checkbox”).
jQuery实现全选效果
aijieyin8659的博客
11-30 172
这是一段用jquery实现全选的代码，主要思路如下： 1.所有的复选框都有单击事件，所有效果都是在单击事件下实现的 2.全选复选框所实现的功能与其他复选选项实现的功能不同，所有在单击事件内做一个判断，是否是全选复选框的单击事件 3.如果是，则执行判断全选复选框是否选中，如果当前状态为选中，那么点击后取消勾选，同时取消所有选项的勾选，如果全选当前未选中，点击后勾选，并勾选所有 4....
Jquery实现全选和取消全选的方法
weixin_34411563的博客
09-23 465
<input type="checkbox" id="all" />全选<br /> <input type="checkbox" name="permission" />添加权限<br /> <input type="checkbox" name="permission" />修改权限<br /> &l...
用JQuery实现全选与取消的两种简单方法
01-19
用JQUERY实现全选和取消全选,没有js那么繁琐，而且支持更多浏览器。 代码如下:”text/javascript”><!–$(function() { $(“#checkall”).click(function() { $(“input[@name=’checkname[]’]”).each...
JQuery实现全选取消全选checkbox的解决方案
JQuery 实现 checkbox 的全选取消全选 JQuery 是一个功能强大且流行的 JavaScript 库，它提供了许多实用的方法来操作 HTML 文档对象模型（DOM）。在本文中，我们将讨论如何使用 JQuery 实现 checkbox 的全选取消...
jquery checkbox全选、取消全选实现代码
10-29
### jQuery 实现 Checkbox 全选与取消全选 在网页开发中，经常需要用到表单元素中的复选框（checkbox）来收集用户的选择信息。当页面中有多个复选框时，通常还需要提供“全选”和“取消全选”的功能，以便用户能够...
jquery实现全选、反选、获得所有选中的checkbox
11-26
2、取消全选（全不选） $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("check
jquery:实现全选和取消全选
热门推荐
进阶之旅
05-30 1万+
jquery:用jquery实现全选和取消全选 1、目前我遇到的最简单的一种方法，如果有更好的方法，大家可以分享一下 <input type="checkbox" id="all" />全选<br /> <input type="checkbox" name="sub" />image1.jpg<br /> <input type=...
jQuery-----全选和取消全选
weixin_43750811的博客
05-17 334
1、目前我遇到的最简单的一种方法，没有任何布局要求!!!但是有局限,不是很完善,不能完成除全选以外其他复选包框都选中,全选自动选中,. //全选 $('input').eq(0).click(function(){ //判断全选状态 if($(this).prop('checked')){ //查找到除全选以外所有的复选框为选中状态 $(this).parents().nextAll().find('input[type=checkbox]').prop('checked',tr
JQuery实现全选与取消
一米阳光
09-19 7011
用JQUERY实现全选和取消全选,没有js那么繁琐，而且支持更多浏览器。 <!-- $(function() { $("#checkall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", tr
运用JQuery实现全选，和取消的操作
aigo_2021的博客
05-10 811
运用JQuery实现全选，反选和取消的操作 代码展示： <!doctype html> <html lang="en"> <head> <title>Document</title> <script src="jquery-3.2.1.js"></script> <script> $(function(){ $("#selectAll").click(function(){
jquery实现全选、反选、取消全部等操作(复选框checkbox)
最新发布
erthre的博客
03-20 709
/这行是更为简洁的写法。this.checked){//一旦有一个未选中，则全选按钮 设置不选中。(img-IvnU0vdd-1710882706737)]$(this).parent().parent()是祖父节点tr。//给每一个class="userid"的控件添加一个点击事件。$(this).parent()是父节点td。/*$(this) 的到的input。然后remove 祖父节点TR即可。//批量删除按钮添加点击事件。
jquery实现全选和取消全选
weixin_30809173的博客
08-07 167
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-2.1.1.min.js"&...
jquery实现全选和取消全选(包含子选框全选中,父选框选中功能)
qq_37906257的博客
11-14 5811
jquery实现全选和取消全选(包含子选框全选中,父选框选中功能)     HTML代码： 全选/取消 子选框1 子选框2 子选框3   JS代码： //父选框的全选和取消全选 var ischeck=false;//全选标记 $("#checkall").click(function(){ if (ischeck) { $(".che
jQuery实现点击全选和取消全选
java梦工厂
08-25 4075
jQuery实现点击全选和取消全选 有时候需要实现点击按钮全选，再点击取消全选，类似下图： 具体怎么实现呢？ 代码如下： [html] view plain copy print?('input[</span><span class="attribute">name</span><span>=</span><span class="attribute-value">"selectall"</span
JQuery实现checkbox全选和取消全选
easyboot的专栏
11-07 448
JQuery实现 页面checkbox实现
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值