jquery 复选框操作-prop()的使用

最新推荐文章于 2023-05-18 13:55:23 发布
最新推荐文章于 2023-05-18 13:55:23 发布
阅读量233 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/dxmfans/p/9434810.html
版权
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
<meta charset="utf-8" />
    <script src="jquery-3.3.1.js"></script>
    <script>
        $(function () {
            $('#btnSelectAll').click(function () {
                $('div :checkbox').prop('checked', true);
            });
            $('#btnNotSelectAll').click(function () {
                $('div :checkbox').prop('checked', false);
            });
            $('#btnFX').click(function () {
                $('div :checkbox').each(function (index, ele) {
                    $(ele).prop('checked', !$(ele).prop('checked'));
                });
                
            });
        })
    </script>
</head>
<body>
    <input type="button" name="name" value="全选" id="btnSelectAll" />
    <input type="button" name="name" value="全不选" id="btnNotSelectAll" />
    <input type="button" name="name" value="反选" id="btnFX" />


    <div>
        <input type="checkbox" name="name" value="1" />1
        <input type="checkbox" name="name" value="2" />2
        <input type="checkbox" name="name" value="3" />3
        <input type="checkbox" name="name" value="4" />4
        <input type="checkbox" name="name" value="4" />5
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/dxmfans/p/9434810.html

weixin_30439031
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery判断复选框选中状态以及区分attr和prop
10-23
在jQuery中，正确判断复选框（checkbox）的选中状态是通过`prop()`方法来实现的，因为`prop()`是用于处理元素的固有属性，比如`checked`属性。在jQuery 1.6之前，人们通常使用`attr()`来获取或设置属性，但这可能...
jquery复选框多选赋值给文本框的方法
12-09
使用`$(this).prop("checked")`来检查复选框是否被选中。如果被选中，我们将`data-value`添加到文本框的值；如果取消选中，我们将从文本框的值中移除相应的`data-value`。 6. **字符串操作**： 为了正确处理...
prop实现复选框的全选，反选
Academia_zhen的博客
04-24 550
1、判断复选框是否选中 $(":checkbox").prop("checked");2、禁用和选中页面上所有的复选框 $("input[type='checkbox']").prop("disabled",true); $("input[type='checkbox']").prop("disabled",false);3、反选页面上所有的复选框 $("input[type='checkb
jQuery使用prop设置checkbox全选、反选
宝贝企鹅的博客
12-03 5754
$(function(){     var checkbox = $("input[type='checkbox']");     //全选     $('#select-all').click(function(){         checkbox.prop("checked", true);     });     //反选     $('#select-reverse').c
【jQuery】对于复选框操作的attr与prop
编程记录，亲测有效
06-06 2416
这个是在jQuery1.6版本之后出现的鬼东西。受影响的主要有下拉列表select与复选框checkbox。众所周知，在jQuery中可以用attr()取出节点的属性，然而对于checkbox却不是这样了，比如我要取出其是否被选中的属性checked，attr("checked")去取没有选中的复选框是undefinded的，只能取出被选中复选框的属性。这个问题，导致我在一个条件判断中忙活了比较久
复选框 prop 不触发 change 事件
qq_38110067的博客
02-10 781
代码如下，这里的checkBox只复选框 $("#checkBox").prop("checked",true); $("#checkBox").change(function(){ console.log(1); }); $("#checkBox").prop("checked",true).change(); 这里是因为prop 这是改变了复选框的属性，并不会触发 绑定在 复选框 dom上的change 行为 ...
JQUERY中，复选框使用prop，attr方法时的一些注意
Lyz1052的博客
10-28 549
看到有的文章说jquery1.6版本后，用prop方法取代有一些残留bug的attr方法。 这里正好项目上遇到一个bug，解决时还费了不少功夫，分析下来是这样的。 问题：一个复选框$obj，如果用$obj.attr('checked',checked')，$obj.removeAttr('checked')方法来控制其选中与否，是不行的， 这里有一些替代办法： 1.最好的办法： 用$ob
jquery操作复选框checkbox的方法汇总
12-09
本文将详细介绍jQuery操作复选框的方法，帮助开发者更好地理解和使用这些功能。 1. **jQuery判断复选框是否被选中** - `$.attr("checked")`: 在jQuery 1.6+版本中，`attr()`方法返回字符串"checked"如果复选框被...
JQuery复选框全选效果如何实现
11-21
如何获取所有复选框：document.getElementsByName、 需求分析 ​ 在我们对表格处理的时,有些情况下,我们需要对表格进行批量处理 技术分析 第一种方法：选择器[属性名称=’属性值’] $(“input[type=’checkbox’]:...
javascript prop设置checkbox的属性checked，获取选中多个值。
l690781365的博客
11-05 2422
&lt;div class="inputpot" id="ccc221List"&gt; &lt;label&gt;&lt;input type="checkbox" name="ccc221" value="01" onclick="checkboxOnclick(this)"&gt;第一步评价你是否适合创业&lt;/label&
toggleAttribute() attr() prop() 复选框 全选 效果实现
PanDa____的博客
05-18 133
但，实际运用当中，我们需要实现的效果，可能是这个样子的，如下图如果把 后面这些都放到label标签内，不是很现实。实例：需要实现的效果有：1）点击复选框项与 后面元素，check 的 true 和 false 效果切换2）点击 全选 按钮, 复选框项 切换3）已选择 数量 实现；
jQuery全选：.attr()、.prop()、.is(‘:checked‘)与.checked
从入门到放弃_nys的博客
02-25 426
直接上例子 <input type="checkbox" class="checkAll"> <div id="check_wrap"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> </div> $('.checkAll').on('click', function()
jQuery中attr()和prop()的区别与使用
热门推荐
wuyujin1997的博客
03-29 1万+
API attr()系列 attr(attributeName) 读取第一个匹配到的元素的指定属性值。 attr(attributeName, value) 设置单个指定的属性值。 attr(attributes) 设置多个。 attr(attributeName, func) func为function(index, thisAttr)。 prop(...
新手小坑：使用prop实现checkbox全选事件
u012784131的博客
08-13 947
错误描述 实现checkbox全选的思路是，抓取到所有要全选的checkbox标签，并用prop给他们的checked属性赋予和控制全选的checkbox一样的checked属性值。代码具体如下： $('.check_all').click(function(){ $('.nav_list :checkbox').prop('checked',$(this).is('checked')...
jquery .prop()的相关操作——全选、反选、获得所有选中的checkbox
唐策的博客
07-05 776
全选、全部选 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input</title> <script src="js/jquery-1.11.1.js"></script> <script> $(function(){ $('#se
怎样用jquery实现快速的全选全不选，超简单
马一文
12-19 354
function checkAll(e) { if($(e).prop("checked") == true) { $("input[class='classA']").prop('checked', "checked"); } else { $("input[class='classA']").prop('checked', ""); } }
jquery prop('checked', true)解决attr('checked', true)不能选中radio问题
weixin_34107955的博客
06-26 1148
正如标题所言，使用：prop('checked', true)就可以了
$("[name='boxCode']").prop('checked') == false勾选了一个却还是false
weixin_42446445的博客
03-25 1873
根据W3C的表单规范 ，在checked属性是一个布尔属性， 这意味着,如果这个属性（attribute）是目前存在， 即使，该属性没有对应的值，或者被设置为空字符串值，或甚至是"false"，相应的属性（property）为true。 这才是真正的所有布尔属性（attributes）。 然而，要记住的最重要的概念是checked特性（attribute）不是对应它checked属性（proper...
jquery复选框全选
最新发布
10-19
jquery复选框全选是指通过jquery库中的方法实现对多个复选框的全选或全不选操作。具体实现方法如下： 1. 给全选按钮绑定点击事件，获取所有的复选框元素。 2. 遍历所有的复选框元素，将它们的选中状态设置为全选按钮...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值