jquery .prop(checked，true)值未反映在调用的方法中

问：jquery .prop(checked，true)值未反映在调用的方法中的原因是什么？如何解决这个问题？

答：问题的原因是在调用的方法中没有正确处理由 .prop(checked，true) 设置的属性值。这个方法仅仅是设置了一个属性值，但没有触发与该属性相关的事件或动作。为了解决这个问题，可以使用 .trigger('change') 方法来手动触发属性变化的事件。

举例来说，如果你使用了 .prop(checked, true) 来设置一个复选框的选中状态，但是该选中状态并没有被正确处理，你可以在之后添加 .trigger('change') 来触发相关的事件。这样，你的调用方法就能正确响应复选框的选中状态变化。

以下是一个示例代码：

HTML 代码：

<input type="checkbox" id="myCheckbox">复选框

jQuery 代码：

$('#myCheckbox').prop('checked', true).trigger('change');

在上面的代码中，我们通过 .prop('checked', true) 方法将复选框的选中状态设置为 true，并且使用 .trigger('change') 方法来触发与该属性变化相关的事件。

在实际应用中，如果你遇到类似的问题，可以根据具体的情况选择适合的事件进行触发，比如 'click'、'input' 等，以确保属性变化能够被正确处理。

关于 jQuery 的 .prop() 方法的详细信息和用法，请参考腾讯云的 jQuery API 文档：jQuery API - .prop()

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Web-第四天 jQuery学习

== true){ // 如果上面的复选框被选中： $("input[name='ids']").prop("checked",true); }else{ // 上面的复选框没有被选中 $("input...[name='ids']"). prop ("checked",false); }*/ $("input[name='ids']").prop("checked",this.checked); });...css(name) 获得css值 css(name,value) 设置一对值 css(prop) 设置一组值 --> { k:v, k:v , ....} 5.1.1.2 事件绑定 jQuery提供更灵活的方式用于绑定事件.../ 全选 $("#selectAllId").click(function(){ $(".itemSelect").prop("checked" , this.checked); }); // 反选 $...function(value , element , params ){} ,处理函数被调用时，可以获得3个参数。参数value：表单项的value值。

3.5K4 0

jQueryJS判断设置checkbox的选中状态

因为HTML代码中没有设置 checked 属性值，所以默认返回 false ，反之则返回 true 。...check.checked = true; // 设置元素为未选中状态 check.checked = false; 2、jQuery 方法判断选中： (1)、JQ1.6版本之前（不包括1.6版本）...('checked'));//false 不要想着在JQ1.6版本之前使用 prop() 方法，只会报出 $().prop()is not a function 的错误 (2)、JQ1.6版本之后Jquery...中新引入了 prop() 方法，此时再用 attr() 方法判断 checkbox 的状态则会返回 undefined ，若有设置 checked 属性为 true ，则会返回 checked 而不是...1.6+版本 prop() 方法： console.log($("input[type='checkbox']").prop('checked'));//false (3)、除了以上两种方法JQ中还有一个

18.6K1 0

jQuery

("checked",true) } function cancleALL() { $("#tb1 :checkbox").prop("checked... 这里的反选一共用了三种方法。...这里有几个只是需要知道： $("#tb1 :checkbox").prop("checked",true) v = $(this).prop("checked")?...$(..).prop 专门用于checkbox，radio做操作在3版本一下的jQuery中存在一个问题，效果如下： ? 当设置为选中后在取消： ? 所以这里通过prop实现： ?...调用的时候$.方法 -$.fn.extend 调用的时候$(..).方法注意：需要将扩展放到自执行函数里（function(){}）(jQuery) 防止环境变量冲突

4.6K5 0

JQuery之复选框checkbox基本操作

利用JQuery实现复选框的基本操作，例如全选、全部选、获取选中值、获取未选中值、获取选中长度等操作。下面直接看例子，例子中有详细的介绍了JQuery是如何实现这些功能的。...在使用JQuery之前要先导入JQuery的相关文件，我这里引入的是jquery-1.8.0.min.js js...中字符串处理 <script...self.prop('checked')){ self.prop('checked',true); } }); }; function notAllCheckBoxEdFuc()...：" onclick="checkBoxFuc();"> <input type="button" value="<em>未</em>选中<em>的</em><em>值</em>有：" onclick="checkBoxEdFuc

1.7K10 0

jquery attribute vs property 的区别

里的对象； attribute 是 HTML 标签上的特性，它的值只能够是字符串 jquery 中操作使用 prop 方法，操作 property 属性 $uid.prop("checked") $uid.prop...jQuery认为：attribute的checked、selected、disabled就是表示该属性初始状态的值，property的checked、selected、disabled才表示该属性实时状态的值...(值为true或false)。...因此，在jQuery 1.6及以后版本中，请使用prop()函数来设置或获取checked、selected、disabled等属性。...03 checked 值改变了，但是没有触发change事件使用了jquery 的 prop 方法，改变了 checked 的值，选中状态也发生了改变，但是对应的 change 事件没有触发注：需要手动去调用

3171 0

JavaScript 实现复选框的全选与反选操作

代码,自行加载一个 jQuery 到该页面中 var chkFirst = $('input[name="chkFirst"]'); var chkSec = $('input[name="chkSec..."]'); chkFirst.click(function() { // 这里的prop代替attr是因为prop可循环执行，而attr只能执行一次 // is函数判断对象属性，反坏true和false...chkSec.prop("checked", $(this).is(":checked")); }); var len = chkSec.length; chkSec.click(function(...) { // 在这里也不能用attr chkFirst.prop( "checked", $('input[name="chkSec"]:checked').length == len ?...} if (count == len) { dom.checked = true; }else{ dom.checked = false; }}

1.6K0 0

jQuery: attr() vs prop()

当我们在页面中编辑文本框的值，再次在console中获取的时候发现input.value的值是更新后的值，而input.getAttribute的值仍旧是旧的。...，未勾选或者未设置为false）： elem.checked // true (Boolean) 会随着勾选状态而改变 jQuery的prop()方法是和上面直接取property一样，因此： $(...elem ).prop( "checked” ) //true (Boolean) 会随着勾选状态而改变而拿attribute拿到的只是初始的值： elem.getAttribute( "checked..." ) // "checked" (String) 记录初始状态, 值为"checked"或者任意你设置的值，不会随着勾选状态而改变 jQuery的attr()方法获的的结果也跟getAttribute...是一致的： $(‘input[type=“checkbox”’).attr( ‘checked’ ) // 同上一条至于说jQuery的历史版本中，attr()的实现曾经会跟getAttribute不一致

1.5K5 0

前端-part9-jQuery操作样式二：元素追加+事件冒泡

$(A).insertBefore(B); // 把 A 放到 B 的前面 5.移除和清空元素 remove() // 从 DOM 中删除所有匹配的元素 empty() // 删除匹配的元素集合中所有的子节点...( //定位到 "全选" function () { $(":checkbox").prop("checked", true); // 将 "checked" 属性设置为...").prop("checked", false);// 将 "checked" 属性设置为 false，即全不选 } ); $("#b2").click(function...("checked"); // 依次获得他们的 "checked" 属性值 $(tmp).prop("checked", !...).insertAfter(this) // clone 为 jQuery 的复制方法 // 内部设置为 true 即代表复制出来的元素同样具备初始标签的

1.8K3 0

学习jQuery？这篇文章就够了

事件绑定 1、传统的事件绑定 1.1、标签中使用on事件属性 1.2、通过JS给标签设置 on 事件属性 1.3、通过JS调用方法的方式 2、jQuery 事件绑定 3、练习十、jQuery 常用...虽然 jQuery 对象包装了 DOM 对象但是两者不能混用，各位可以理解为 jQuery 对象与 DOM 对象是两个不类型的对象，但是我们调用 jQuery 对象的方法，事实上底层代码还是操作的是 DOM...，最上面复选框不要选中 $('#checkAll').prop('checked', flag); } // 反选 function checkUnAll()...$(domEle).prop('checked')); }); // 点击反选，若爱好全选中，最上面复选框要选中，反之不要选中 check();...}); // 当遍历结束的时候，total 值仍是 true, 那么代表所有爱好复选框是选中的 $('#checkAll').prop('checked', total

12.3K1 0

jQuery实战

获取所有的商品项复选框元素，为其添加 checked 属性，属性值为 true。全不选为全不选按钮绑定单击事件。...反选为反选按钮绑定单击事件获取所有的商品项复选框元素，为其添加 checked 属性，属性值是目前相反的状态。代码实现 <!...属性，属性值true $(".item").prop("checked",true); }); //全不选 //1.为全不选按钮添加单击事件 $("#...//2.获取所有的商品复选框元素，为其添加checked属性，属性值是目前相反的状态 let items = $(".item"); items.each(function...$(this).prop("checked")); }); }); 6、综合案例随机图片 6.1、案例效果 6.2、动态切换小图的分析和实现

1.9K2 0

jquery中attr()和prop()的区别

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。...3、用于设置的属性值类型不同由于attr()函数操作的是文档节点的属性，因此设置的属性值只能是字符串类型，如果不是字符串类型，也会调用其toString()方法，将其转为字符串类型。...此外，对于表单元素的checked、selected、disabled等属性，在jQuery 1.6之前，attr()获取这些属性的返回值为Boolean类型：如果被选中(或禁用)就返回true，否则返回...因此，在jQuery 1.6及以后版本中，请使用prop()函数来设置或获取checked、selected、disabled等属性。...() / setAttribute() // 用于操作自定义的属性，对于DOM对象自身的布尔值类型的属性，只能 // 通过这个两个方法来设置或者读取默认值，而不能动态改变值 // // prop =

1.9K2 0

jquery jQuery快速入门

("checked", true); $(":radio[value='2']").prop("checked", true); prop和attr的区别： attr全称attribute...").prop("checked") // false 可以看到attr获取一个标签内没有的东西会得到undefined，而prop获取的是这个DOM对象的属性，因此checked为false。...$("#i1").prop("checked") // true 这已经可以证明attr的局限性，它的作用范围只限于HTML标签内的属性，而prop获取的是这个DOM对象的属性，选中返回true，没选中返回...，我们都可以使用`.on()`方法来绑定事件，但是`hover`这种jQuery中定义的事件就不能用`.on()`方法来绑定了。...：登录校验示例与window.onload的区别 window.onload()函数有覆盖现象，必须等待着图片资源加载完成之后才能调用 jQuery的这个入口函数没有函数覆盖现象，文档加载完成之后就可以调用

16.2K5 0

03-老马jQuery教程-DOM操作

不是false // 应对attr获取checked属性为undefined的问题，jQuery新增的prop方法 // 仅仅用于checked、selected、multiple、readOnly...($('#ckb2').prop('checked')); // true $('#ckb2').attr('disabled', 'disabled'); console.log($.../ prop方法设置和读取的属性值都是boolean类型 $('#ckb2').prop('disabled', false); $('#ckb2').prop('checked',...true); }); 1.3 关于prop方法和attr的区别 jQuery为映射DOM自身的固有属性添加了prop方法，用法跟attr方法用法一致。...ie需要用innerText而ff等浏览器需要用textContext属性.jQuery做好了兼容的处理，直接调用text()方法就行了。

1.6K5 0

checkbox选中和不选中的值_设置checkbox选中状态

1.设置选中：$(“#hasApply”).prop(“checked”,true); 设置不选中：$(“#hasApply”).prop(“checked”,false); 或如下方法： // $(...“#ck”).attr(“checked”,true)//选中 // $(“#ck”).attr(“checked”,false)//未选中 2.获取选中的状态：var status = $(“#hasApply...”).prop(“checked”); 3.判断checkbox是否选中的3种方法方法一： if ((“#checkbox-id”).get(0).checked) { // do something...’)) { // do something } 注意：在jQuery1.6版本之后，这个方法返回的是undefined；取复选框有没有被选中，要用prop，返回true/false if((‘#checkbox-id...’).prop(‘checked’)) { 　　//do something } 获取选择 radio 的值发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/124822

7.6K2 0

js原生、jquery单选框radio总结（获取值、设置默认选中值、样式）

("killOrder"); //获取选中的值 for(var i=0; i < tesObj.length; i++){ if (tesObj[i].checked==true){...tesObj[i].checked = true; break; } } 三、jquery 1.获取值 $("input[name='killOrder']:checked...$('input:radio').eq(索引值).prop('checked', true);//索引值=0,1,2.......$('input:radio').slice(1,2).prop('checked', true); $('input:radio').eq(索引值).attr('checked', true);/...checked', true); 6.删除value值为2的radio $("input:radio[value='2']").remove(); 7.删除第几个radio $("input:radio

9.3K6 0

jquery学习

$(":checked") 所有被选中的 input 元素 jQuery 事件下面是 jQuery 中事件方法的一些例子： Event 函数绑定函数至 $(document).ready(function...$("#chk1").prop("checked") // true console.log($("#chk1").prop("checked"));//false console.log...($("#chk2").prop("checked"));//true console.log($("#chk1").attr("checked"));//undefined console.log...($("#chk2").attr("checked"));//checked 实例之全反选 <!...$(this).prop("checked",true) // } // 思考:如果用attr方法可以实现吗?

2.2K4 0

前端之JQuery

$(“#i1”).html()的意思是：获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。.../ 找到所有后代中不含a标签的li标签 Example3 多选，全选，反选 /* $(':checkbox').prop('checked'); 获取值 $('checkbox').prop('checked',true); 设置值 JQuery...}else { // a.eq(i).prop('checked',true); a.eq(i).prop('checked', !...("checked", true); $(":radio[value='2']").prop("checked", true); prop和attr的区别 # attr全称attribute

3.4K5 0

JQuery-命令速查-CheatSheet

动态添加表单获取 Jquery 对象数组中的所有文字 Jquery 对象的属性转为数组 Query select attributes into an array 页面控制滚动到对应位置...("checked", true); 注意使用的是prop() 得到 checkbox 的值 JS 方法 document.getElementById('viewDept').checked Jquery...').checked JQuery: $('id').is(':checked') 注意这里使用了伪类 ---- Toggle for editable of inputs $('#el').prop...v; }); $("input[type='checkbox']").is(':checked') 返回结果：选中=true，未选中=false ---- 获取 Iframe 里面的元素和 Jquery...) 实际上是将 Jquery 传进去并执行了 extend 方法, 之后可以通过$.xxx(arg1, arg2)进行调用 Example 或者 jQuery 仅仅是一个 constructor,

9.7K3 0

03-老马jQuery教程-DOM操作(上）

不是false // 应对attr获取checked属性为undefined的问题，jQuery新增的prop方法 // 仅仅用于checked、selected、multiple、readOnly.../ prop方法设置和读取的属性值都是boolean类型 $('#ckb2').prop('disabled', false); $('#ckb2').prop('checked',...true); }); 1.3 关于prop方法和attr的区别 jQuery为映射DOM自身的固有属性添加了prop方法，用法跟attr方法用法一致。...，ie需要用innerText而ff等浏览器需要用textContext属性.jQuery做好了兼容的处理，直接调用text()方法就行了。...jQuery中封装了css()方法来帮助我们读取或者设置样式值。

1.7K0 0

Jquery 获取checkbox属性checked为undefined和改变状态值不变

截至 jQuery 1.6，.attr() 方法返回未定义的属性尚未设置。此外，.attr() 应该不用于普通对象、数组、窗口或文档。若要检索和更改 DOM 属性，请使用.prop() 方法。...属性和属性之间的差异可能是重要在特定情况下。在 jQuery 1.6 之前, 的.attr() 方法有时属性值时考虑检索一些属性，可能会导致不一致的行为。...到 jQuery1.6，.prop() 方法提供方法来显式检索属性值，而.attr() 检索属性。...’)来返回true和false 总结：（1）获取checked的方法 .attr('checked'): .prop('checked'): //1.6+:true/false....attr("checked",true); jquery1.6以上版本的： .prop("checked",true); .prop("checked","checked

1.9K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云