jquery checkbox attr区别prop

最新推荐文章于 2020-10-17 10:26:43 发布
最新推荐文章于 2020-10-17 10:26:43 发布
阅读量92 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/livend/blog/3003176
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

最近使用jquery获取和修改checkbox的选中状态,发现一个问题,用$(this).attr("checked",true)第一次有选中效果,第二次却没有选中效果(但是可以看到checked属性确实是存在).后来改用$(this).prop("checked",true)是不存在这个问题.

总结一下prop和attr的使用区别:

  • prop:用在html自有属性上
  • attr:用在自定义属性上

转载于:https://my.oschina.net/livend/blog/3003176

weixin_33775572
关注
jQuery checkbox选中问题之prop与attr注意点分析
10-21
本文将重点分析在火狐（Firefox）浏览器下，使用jQuery的prop和attr方法来设置checkbox选中状态的不同表现和解决方法。 首先，需要了解的是，在jQuery中，attr方法是用来获取或设置HTML属性的值，而prop方法则是...
jquery中attr和prop的区别分析
10-24
总结来说，`attr` 和 `prop` 的主要区别在于： 1. `attr` 用于处理自定义属性和非固有属性，而`prop` 用于处理固有属性。 2. 固有属性（如`checked`、`selected`）使用`prop`可以获取或设置正确的布尔值，而`attr`则...
jquery中radio，CheckBox使用attr和prop的区别
u011983028的博客
04-28 464
$("#chk1").prop("checked",checked) //选中 $("#chk2").attr("checked","checked")//未选中 $("#chk1").attr("checked") == undefined $("#chk2").attr("checked") == "checked"
jquery prop 是什么意思?
weixin_33884611的博客
01-23 221
为什么80%的码农都做不了架构师？>>> ...
jquery attr和prop区别 attr选中checkbox不起作用
wangjun5159的专栏
11-30 2471
问题再现 使用jquery选中checkbox时，只有鼠标点击后，才起作用，之后就不起作用，$("#mycheckbox").attr("checked",true) 后来搜到很多说明，说是jquery版本的缘故，要用prop，这个理由很笼统，没弄懂attr和prop之间的区别。 分析： 1、attr、prop分别是attribute、property的缩写，分别对应DOM和js对
checkbox 是否选中 jquery 用prop方法而不是attr方法
weizhongxing6的专栏
10-31 277
checkbox 是否选中 jquery 用prop方法而不是attr方法
jQuery的prop和attr的区别，及判断复选框是否选中
weixin_34292402的博客
05-28 114
 jQuery的prop和attr的区别 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。   　　参数有区别，attr()传入的是attributeName，而prop()传入的是propertyName, 　　Attributes vs. Properties 　　在这里，我们可以将attribut...
Jquery中attr与prop的区别详解
10-19
在jQuery中，`attr`和`prop`是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的区别。在高版本的jQuery中，引入`prop`方法是为了更精确地处理元素的特性，特别是那些与JavaScript行为密切相关的属性。...
jquery中attr、prop、data区别与用法分析
10-16
jQuery作为前端开发中非常重要的JavaScript库，其提供的attr、prop和data方法分别用于操作HTML元素的属性，理解它们的区别与用法对于前端开发人员来说非常重要。本文将结合实例详细分析这三个方法的差异、功能、使用...
attr和prop的区别-解决checkbox选中不起作用的问题
hardgirls的博客
07-14 3294
今天在写checkbox的全选，半全选时遇到了一个问题，刚开始点击全选按钮时，可以全选，再点击可以全部清除选中，再点击就不起作用了？         我打开审查元素发现，第三次点击应该是全选的状态，这时里面的属性确实都是“checked=checked”但是checkbox却没显示选中，然后就查了一下； 我用的是attr（“checked”,true）;后来把attr改成了prop就可以了；所
jQuery 更改checkbox的状态,无效的解决方法
XiChuan的博客
04-08 1318
今天写页面遇到复选框动态全选或全不选问题，正常写法如下： ? 1 $("#tb").find("input[type='checkbox']").attr("checked","checked"); but！第一次点击全选按钮input显示对勾，第二次就不行了，查了下有建议用prop的，亲测有效。那两者有啥区别呢？
jQuery 的设置属性值，和获取属性值，attr()和prop()；
F_x_i_a_o_l_i_n_g_的博客
09-25 590
jQuery 的设置属性值，和获取属性值，attr()和prop(); attr(“属性”)：获取属性值 attr(“属性”，“属性值”)：设置属性的属性值 prop(“属性”)：获取属性值 prop(“属性”，“属性值”)：设置属性的属性值 两者的区别 attr可以获得和定义自定义的属性和属性值，prop不行，但是attr已经不进行维护啦，所以推荐使用prop ...
【jQuery】对于复选框操作的attr与prop
编程记录，亲测有效
06-06 2459
这个是在jQuery1.6版本之后出现的鬼东西。受影响的主要有下拉列表select与复选框checkbox。众所周知，在jQuery中可以用attr()取出节点的属性，然而对于checkbox却不是这样了，比如我要取出其是否被选中的属性checked，attr("checked")去取没有选中的复选框是undefinded的，只能取出被选中复选框的属性。这个问题，导致我在一个条件判断中忙活了比较久
checkbox选中要使用prop("checked"),而不是attr("checked")
linlinxie的博客
03-10 5236
前端页面让checkbox复选框选中时，应该使用prop(“checked”)方法，而不是attr(“checked”)，可以参考博客http://blog.csdn.net/dszgf5717/article/details/51853885 中的解释。
jquery设置checkbox为checked状态不改变的解决办法
Jinx
06-10 9806
使用jQuery设置checkbox为选择状态时，我们通常会使用$(this).attr("checked", true); //或者 $(this).attr("checked", checked);但是当你的jquery版本大于1.6的时候，这种只能生效一次，后面你只会看到checkbox的checked属性会增加checked但是现实的状态是没有打钩的。这种情况下你就不能使用(this).at
checkbox的选中和取消：attr() prop()
anlian523的博客
01-30 1400
首先要明确，CheckBox是否被勾选中和input的checked这个attribute是否="checked"是没有直接关系的。 一个没有写相关js函数的input：checked，你只能控制它是否被选中，如上图所示。 $('.modal-body input:checked') 如上代码，这个jquery选择器能找到第二个input，但是能找到，与它的attitude：checked并
jQuery 实现选中和取消选中checkbox(复选框)的2种方法（attr()，prop()）
旭东怪的博客
10-17 2829
html代码： <input type='checkbox' id='checkbox1' /> 1 attr() 1.1 选中复选框 $("#checkbox1").attr("checked","checked"); $("#checkbox1").attr("checked",true); $("input[type=checkbox]").attr("checked","checked"); 1.2 取消选中复选框 $("#checkbox1").removeAttr(
jQuery 设置 checkbox 单选/复选框，attr 不可行，prop 才是正确答案
肖朋伟
01-11 2822
jQuery 设置 checkbox 单选/复选框，attr 不可行，prop 才是正确答案 今天通过百度查到一些用 jQuery 设置 checkbox 的方法，绝大部分都是用 attr，但是胡出现离奇的 BUG，脑壳儿疼： 第一次可以正确选中，但是第二次，和上一次一样，不会再更新。刷新后，第一次还是正确。 解决方案： 使用 prop 不使用 attr ！ 用代码解释： //判断 che...
jquery利用attr、prop方法获取、设置input的checked属性
热门推荐
xiaouncle的博客
07-23 5万+
在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr,需要的朋友可以参考下
jQuery prop() 方法详解与实例
与`attr()`方法不同，`prop()`更适合处理这些与元素状态相关的属性，而`attr()`通常用于处理那些不直接影响元素行为的属性。 `prop()`方法的基本语法如下： ```javascript $(selector).prop(name, value) ``` - `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值