jquery checkbox attr区别prop

最新推荐文章于 2020-10-17 10:26:43 发布
转载 最新推荐文章于 2020-10-17 10:26:43 发布 · 149 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/livend/blog/3068914
文章标签：

#javascript #ViewUI

本文探讨了在jQuery中使用prop和attr方法的区别，特别是在处理checkbox的选中状态时。prop用于操作HTML固有属性，而attr适用于自定义属性。

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

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

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

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

chijie2290
关注
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 500
$("#chk1").prop("checked",checked) //选中 $("#chk2").attr("checked","checked")//未选中 $("#chk1").attr("checked") == undefined $("#chk2").attr("checked") == "checked"
jquery prop 是什么意思?
weixin_33884611的博客
01-23 258
为什么80%的码农都做不了架构师？>>> ...
jquery attr和prop区别 attr选中checkbox不起作用
wangjun5159的专栏
11-30 2600
问题再现 使用jquery选中checkbox时，只有鼠标点击后，才起作用，之后就不起作用，$("#mycheckbox").attr("checked",true) 后来搜到很多说明，说是jquery版本的缘故，要用prop，这个理由很笼统，没弄懂attr和prop之间的区别。 分析： 1、attr、prop分别是attribute、property的缩写，分别对应DOM和js对
checkbox 是否选中 jquery 用prop方法而不是attr方法
weizhongxing6的专栏
10-31 318
checkbox 是否选中 jquery 用prop方法而不是attr方法
Jquery中attr与prop的区别详解
10-19
在jQuery中，`attr`和`prop`是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的区别。在高版本的jQuery中，引入`prop`方法是为了更精确地处理元素的特性，特别是那些与JavaScript行为密切相关的属性。...
jquery中attr、prop、data区别与用法分析
10-16
jQuery作为前端开发中非常重要的JavaScript库，其提供的attr、prop和data方法分别用于操作HTML元素的属性，理解它们的区别与用法对于前端开发人员来说非常重要。本文将结合实例详细分析这三个方法的差异、功能、使用...
jQuery的prop和attr的区别，及判断复选框是否选中
weixin_34292402的博客
05-28 142
 jQuery的prop和attr的区别 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。   　　参数有区别，attr()传入的是attributeName，而prop()传入的是propertyName, 　　Attributes vs. Properties 　　在这里，我们可以将attribut...
attr和prop的区别-解决checkbox选中不起作用的问题
hardgirls的博客
07-14 3344
今天在写checkbox的全选，半全选时遇到了一个问题，刚开始点击全选按钮时，可以全选，再点击可以全部清除选中，再点击就不起作用了？         我打开审查元素发现，第三次点击应该是全选的状态，这时里面的属性确实都是“checked=checked”但是checkbox却没显示选中，然后就查了一下； 我用的是attr（“checked”,true）;后来把attr改成了prop就可以了；所
JQuery中attr()与prop()的区别，You know？
程序羊的博客
10-31 709
jQuery中attr与prop的区别一、checkbox的属性设置选中或不选中建议：二、attr()和prop()用法详解定义和用法：注意1：注意2：语法：三、attr()与prop()之间的区别总览：1、操作对象不同2、应用版本不同3、用于设置的属性值类型不同4、其他细节问题注意（重点）：四、总结： 一、checkbox的属性设置选中或不选中 举例，比如我们要获取checkbox的属性或者设置...
jQuery 更改checkbox的状态,无效的解决方法
XiChuan的博客
04-08 1400
今天写页面遇到复选框动态全选或全不选问题，正常写法如下： ? 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 687
jQuery 的设置属性值，和获取属性值，attr()和prop(); attr(“属性”)：获取属性值 attr(“属性”，“属性值”)：设置属性的属性值 prop(“属性”)：获取属性值 prop(“属性”，“属性值”)：设置属性的属性值 两者的区别 attr可以获得和定义自定义的属性和属性值，prop不行，但是attr已经不进行维护啦，所以推荐使用prop ...
【jQuery】对于复选框操作的attr与prop
编程记录，亲测有效
06-06 2508
这个是在jQuery1.6版本之后出现的鬼东西。受影响的主要有下拉列表select与复选框checkbox。众所周知，在jQuery中可以用attr()取出节点的属性，然而对于checkbox却不是这样了，比如我要取出其是否被选中的属性checked，attr("checked")去取没有选中的复选框是undefinded的，只能取出被选中复选框的属性。这个问题，导致我在一个条件判断中忙活了比较久
checkbox选中要使用prop("checked"),而不是attr("checked")
linlinxie的博客
03-10 5333
前端页面让checkbox复选框选中时，应该使用prop(“checked”)方法，而不是attr(“checked”)，可以参考博客http://blog.youkuaiyun.com/dszgf5717/article/details/51853885 中的解释。
jquery设置checkbox为checked状态不改变的解决办法
热门推荐
Jinx
06-10 1万+
使用jQuery设置checkbox为选择状态时，我们通常会使用$(this).attr("checked", true); //或者 $(this).attr("checked", checked);但是当你的jquery版本大于1.6的时候，这种只能生效一次，后面你只会看到checkbox的checked属性会增加checked但是现实的状态是没有打钩的。这种情况下你就不能使用(this).at
checkbox的选中和取消：attr() prop()
anlian523的博客
01-30 1479
首先要明确，CheckBox是否被勾选中和input的checked这个attribute是否="checked"是没有直接关系的。 一个没有写相关js函数的input：checked，你只能控制它是否被选中，如上图所示。 $('.modal-body input:checked') 如上代码，这个jquery选择器能找到第二个input，但是能找到，与它的attitude：checked并
jQuery 实现选中和取消选中checkbox(复选框)的2种方法（attr()，prop()）
旭东怪的博客
10-17 3243
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 attr 和 prop方法的区别
最新发布
07-16
我们正在讨论jQuery中attr()和prop()方法的区别。根据提供的引用材料，我们可以总结如下： 1. **历史背景**： - `attr()` 方法从jQuery 1.0开始就存在。 - `prop()` 方法是在jQuery 1.6版本中新增的。 2. **基本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值