JQuery处理checkbox的checked属性正确用法

最新推荐文章于 2022-04-09 22:09:53 发布
最新推荐文章于 2022-04-09 22:09:53 发布
阅读量207 收藏
点赞数 1
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/u/1444945/blog/398497
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

JQuery处理checkbox选中不选中在各个版本中是不同的。

checkbox在jquery各个版本中操作方式是不同的。总结如下：
   - 在jquery1.5及其以下的版本中使用 attr("checked") 方法进行操作；  
    - 在jquery1.6+使用prop("checked")方法进行操作。


在jquery1.5时，使用attr(“checked”)得到true【选中】或false【不选中】两个值。

在jquery1.6时，使用prop(“checked”)方法得到true【选中】或false【不选中】两个值，而使用attr(“checked”)得到”checked”【选中】或undefined【不选中】两个值。
大家可以去RunJS进行测试。

转载于:https://my.oschina.net/u/1444945/blog/398497

weixin_34127717
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅析jquery与checkbox的checked属性的问题
11-23
2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至，即与...
jquery attr方法获取input的checked属性问题
01-19
问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，...
jQuery的:checked的用法
ruiguang21的博客
12-26 1174
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> head> script src="../static/js/jquery-3.0.0.min.js">script> body> input type="checkbox" id="cr">label for="cr">我已经阅读了上面制度la
jQuery中checkbox的checked属性
Uking201410的博客
06-08 544
$("#target").attr("checked");//undefined $("#target").attr("checked",true)//设置checked属性值为true $("#target").attr("checked");//这时，checked属性值是checked，注意！不是true
checkbox的checked属性在jquery中的正确用法
a1091352041的专栏
03-10 701
checkbox的checked属性在jquery中的正确用法checkbox在jquery各个版本中操作方式是不同的。总结如下： - 在jquery1.5及其以下的版本中使用 attr("checked") 方法进行操作； - 在jquery1.6+使用prop("checked")方法进行操作。 在jquery1.5时，使用attr(“checked”)得到true【选中】或
jQuery获取和设置checkbox的checked属性小结
weixin_33958585的博客
04-20 424
最近在项目中使用到jQuery设置checkbox，使用场景是页面上有三类单选框，一个是全选所有页数据(id='cb1'),一个是选择当前页(id='cb2')，一个是选择一条(name='cb3')，也算常用的场景。 一开始全选框的点击事件这样写： $("#cb1",this).click(function(){ var al...
用jQuery对checkbox的checked进行操作
老郭的博客
03-05 7917
注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr, 1.6以上（包含）建议用prop 1、根据id获取checkbox $("#Checkbox1"); 2、获取所有的checkbox $("input[type='checkbox']");//或者$(":checkbox"); 3、获取所有选中的checkbo...
jQuery实现checkbox全选的方法
01-19
本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下： 通过checkbox 进行全选和取消全选的操作，如果通过toggle进行处理，则会出现checkbox无法显示对勾的问题。 使用click事件，根据...
jquery中checkbox全选失效的解决方法
01-19
如果你使用jQuery 1.6 ，代码if ( $(elem).attr(“checked”) )，将获得一个属性(attribute) ，它不改变...使用jQuery的attr方法获取和设置复选框的”checked”属性，发现第一次全选/取消全选有效，之后就无效了，但查
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
10-21
主要介绍了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,通过使用prop方法代替attr方法来解决此问题,需要的朋友可以参考下
jQuery 选择器(checked)详解
qq_43375584的博客
04-09 5324
jQuery 选择器(:checked)详解 jQuery的:checked选择器用于匹配所有选中的表单域元素，将其封装为jQuery对象并返回。 选中的表单域是指具有checked属性的radio和checkbox表单域，以及具有selected属性的option标签。 注意：:checked选择器不仅匹配具有checked属性的radio和checkbox，还可以匹配具有selected属性的option标签。网上有些文章说，:checked选择器只匹配具有checked属性的radio和chec
关于JQuery设置checkbox checked 的问题
weixin_30540691的博客
09-06 94
近日做一个关于JQuery表单验证，有一个比较奇葩的要求，即checkbox是为必填项，textbox不是必填的。 而checkbox与textbox又是相关的，填写了textbox，则其上方的checkbox即相当于勾选。在使用中，用户很容易只注意到textbox，忽视checkbox，而不勾选，造成验证不通过。 所以想通过程序，在验证之前先判断textbox是否有值，如果有值，则自动勾选c...
checked jq 添加_jquery动态添加复选框.attr(“checked”,true)不起作用
weixin_28295799的博客
02-23 513
根据一些数据我正在克隆带有复选框的div并检查数据值是否为“True”然后追加到目标div.使用jquery 1.5.2IE8在兼容模式下工作,否则不起作用.FF不起作用.$(function () {// test datavar data = [{ "CB": "True" }, { "CB": "False"}];var theClone = $("#clone").clone(true);...
Jquery—JQuery对checkbox的操作(01)
gaohuanjie的专栏
04-01 4997
JQuery实现radio、select、checkbox禁用 $(document).ready(function(){ var input = $("#radioDiv").find("input:radio"); input.attr("disabled","disabled"); input.each(function()
Jquery操作复选框(CheckBox)的取值赋值实现代码
极客神殿
08-01 2818
1. 获取单个checkbox选中项(三种写法)： $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项： $('input:checkbox').ea...
jQuery操作复选框checkbox技巧总结
Golden的专栏
10-28 9749
jQuery操作复选框checkbox技巧总结 设置选中、取消选中、获取被选中的值、判断是否选中等 一、checked属性定义 先了解下input标签的checked属性： 1、HTML <input> checked 属性 ◆ 定义和用法 checked 属性是一个布尔属性。 checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 checked 属性适用于 <input type="checkbox"> 和 <inp..
jQuery对checkbox的各种操作
slongzhang的博客
07-21 7398
//注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop //1、根据id获取checkbox $("#cbCheckbox1"); //2、获取所有的checkbox $("input[type='checkbox']");//or $("input[name='cb']"); //3、获取所有选中的checkbox $("input:checkbox:
jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性
李小龙的专栏
12-07 5861
1.jQuery为动态添加的元素绑定事件：在1.7之后，添加了live()方法，1.9后又被移除，1.9中可用on()方法： $(function() { $('.btn').on('click', function() { alert('按钮被点击'); }); $('body').append('动态添加的按钮'); }); 2.获取checkbox是否被选中，以及操作其选中
jquery与checkbox的checked属性的问题
热门推荐
asp.net常见问题分析，网站开发常见问题总结,ningxi_博客
12-30 1万+
jquery与checkbox的checked属性的问题，讲的是控件 1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用docum
使用jquery获取checkbox类型的框
最新发布
05-31
在这个例子中，我们使用了 jQuery 的 `.on` 方法来为 checkbox 元素添加事件监听器。其中，`'change'` 参数表示监听 `change` 事件，而回调函数中的 `this.checked` 则表示 checkbox 的选中状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值