JQuery $.change不会注意到.prop所做的更改(“checked”，true)

JQuery是一种流行的JavaScript库，提供了简化DOM操作、事件处理、动画效果等功能。其中，$.change()是JQuery中的一个事件处理方法，用于在元素的值发生改变时触发相应的操作。

在给定的问答内容中，提到了$.change()方法不会注意到.prop()方法所做的更改("checked", true)。这里的.prop()方法用于设置或返回匹配元素的属性值。在这种情况下，.prop("checked", true)用于将元素的checked属性设置为true，即选中状态。

然而，$.change()方法只会在用户与元素进行交互并导致值发生改变时触发，而不会在通过代码改变属性值时触发。这意味着，使用.prop("checked", true)来改变元素的选中状态时，$.change()方法不会自动触发。

为了解决这个问题，可以使用.trigger("change")方法来手动触发元素的change事件。代码示例如下：

$("#elementId").prop("checked", true).trigger("change");

上述代码将通过.prop()方法将元素的checked属性设置为true，并使用.trigger("change")方法手动触发change事件，以便其他相关操作能够正确响应。

需要注意的是，以上解决方案适用于JQuery版本为1.7及以上的情况。如果使用的是较早版本的JQuery，可以尝试使用.change()方法替代.trigger("change")方法。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

腾讯云云服务器（Cloud Virtual Machine，CVM）是腾讯云提供的弹性计算服务，为用户提供可扩展的计算能力。用户可以根据自身需求选择不同配置的云服务器实例，进行应用部署、网站托管、数据处理等操作。

产品介绍链接地址：https://cloud.tencent.com/product/cvm

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

有帮助

没帮助

相关·内容

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

To retrieve and change DOM properties, use the .prop() method....截至 jQuery 1.6，.attr() 方法返回未定义的属性尚未设置。此外，.attr() 应该不用于普通对象、数组、窗口或文档。若要检索和更改 DOM 属性，请使用.prop() 方法。...’)来返回true和false 总结：（1）获取checked的方法 .attr('checked'): .prop('checked'): //1.6+:true/false....attr("checked",true); jquery1.6以上版本的： .prop("checked",true); .prop("checked","checked..."); .prop({checked:true}); .prop("checked",function(){ return true; });

1.9K6 0

jQuery

：disabled checked这类属性操作很顺畅 //获取 prop('属性名'); //更改 prop('属性名','属性值'); 4.1.2 元素自定义属性值 attr() //获取 attr...('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data() 可以在指定的元素上存取数据，但不会修改DOM元素结构。...$(function() { $('.all').change(function() { $('.child').prop('checked',$('.all').prop...('checked'));//全选按钮 }) $('.child').change(function() { if($('.child:checked').length...== $('.child').length) { $('.all').prop('checked',true);// 如果小按钮全部被选中，全选勾上 }else

8.4K1 0

jquery attribute vs property 的区别

里的对象； attribute 是 HTML 标签上的特性，它的值只能够是字符串 jquery 中操作使用 prop 方法，操作 property 属性 $uid.prop("checked") $uid.prop...(值为true或false)。...03 checked 值改变了，但是没有触发change事件使用了jquery 的 prop 方法，改变了 checked 的值，选中状态也发生了改变，但是对应的 change 事件没有触发注：需要手动去调用...change() 方法 , 此方法只有 jquery 对象有代码如下： $("#checkAll").click(function () { var checked = $(this...=checked){ $(checkArr[i]).prop('checked',checked); $(checkArr[i]).change

2951 0

checkbox的attr("checked")一直以来，undefined问题解决

在jquery1.6版本号便对此做出了改动：【checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。...既然jquery对此做出了改动，那肯定也就是有对应的更好的解决方法： .prop()便是解决问题的利器！...详细使用方法例如以下： alert($(“#checkbox_all”).prop(“checked”)); 此时就会变成true或者false啦~~ 于是乎，本屌丝的代码就改成了例如以下： #check_all...("checked",this.checked); }); 或者： $("#check_all").change(function(){ var is_checked = $(this).prop("...非常方便的攻克了全选的问题呀~~~ 详细jquery对此的官方API地址：prop官方API 版权声明：本文博主原创文章，博客，未经同意不得转载。

3942 0

Jquery 判断 checked 是否选中

如果要判断Js中的 checked 是否选中，首先取决于你引用的 Jquery 的版本。...").checked) //undefined alert($("#aaa").prop("checked")); //true alert...($(":checkbox").get(0).checked); //true }); 1、获取匹配集合中第一个元素的Property的值...根据官方的建议：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr() 那么，什么时候使用attr()...1.添加属性名称该属性就会生效应该使用prop(); 2.是有true,false两个属性使用prop(); 3.其他则使用attr(); 项目中jquery升级的时候要注意这点！

2.6K2 0

jQuery 属性操作

1.jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，...（该方法也可以获取 H5 自定义属性） 1.3 数据缓存 data() data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。..."); $("input").change(function() { console.log($(this).prop("checked"));...全选全不选功能模块 // 就是把全选按钮（checkall）的状态赋值给三个小的按钮（j-checkbox）就可以了 // 事件可以使用change $(".checkall").change...$(".checkall").prop("checked", true); } else { $(".checkall").prop("checked", false); }

1.8K2 0

「jQuery」基础 - 02

1.1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性...').change(function() { $('.j-checkbox, .checkall').prop('checked', $(this).prop('checked'...length == $('.j-checkbox').length) { $('.checkall').prop('checked', true);...() { $('.j-checkbox, .checkall').prop('checked', $(this).prop('checked')); // 令各个复选框的值等于全选框的checked...$('.checkall').prop('checked', true); } else { $('.checkall').prop('

2.8K2 0

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

此外，对于表单元素的checked、selected、disabled等属性，在jQuery 1.6之前，attr()获取这些属性的返回值为Boolean类型：如果被选中(或禁用)就返回true，否则返回...并且，在某些版本中，这些属性值表示文档加载时的初始状态值，即使之后更改了这些元素的选中(或禁用)状态，对应的属性值也不会发生改变。...因此，在jQuery 1.6及以后版本中，请使用prop()函数来设置或获取checked、selected、disabled等属性。...('input').prop('checked',true); } }) // attr / prop // attr ==> getAttribute...=> dom.checked = true; // 对于布尔值的属性（selected/checked/diabled）都需要通过直接访问属性 // 方式来操作（点语法、[]）大家都知道原生js可以获取匹配元素的内部

1.9K2 0

jQuery 属性操作

jQuery 常用属性操作有三种：prop() / attr() / data() ; 一、元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如元素里面的 href...（该方法也可以获取 H5 自定义属性）三、数据缓存 data() data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。..."); $("input").change(function() { console.log($(this).prop("checked"));...// 全选按钮改变状态，小复选框跟着改变 $(".checkall").change(function () { // console.log($(this).prop("checked...").length) { $(".checkall").prop("checked", true); } else { $(".checkall

1.4K3 0

jQuery的attr方法处理checkbox的问题

现象使用了 jQuery 1.10 的版本，想实现 checkbox 的全部选中和全部取消选中，使用了 attr 的方法，如下： $(elem).attr(“checked”) 测试过程中发现，第一次从未选中状态变为选中...To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements...文档还特别对 attr() 和 prop() 进行了对比，总体来说 jQuery 1.6 版本之后，为了保证函数在不同环境下表现的一致性，建议对于获取 DOM 元素的固有属性，使用 prop() 方法，...The checked attribute value does not change with the state of the checkbox, while the checked property...参考资料： 1、jQuery attr 2、jQuery prop 3、W3C Forms

9091 0

jQuery实例

tr class="oushuhang"> 《怎么都学不会的歌...('checked',true) }); $('.quxiao').click(function () { $(':checkbox').prop...('checked')){ $($checkboxEles[i]).prop('checked',false) }else{...$($checkboxEles[i]).prop('checked',true) } } }) </...}); $bodyEle.on('keyup',function () { key_flag = false; }); $('select').on('change

1K8 0

【前端】：property OR attribute

目录 1. jQuery.prop OR jQuery.attr 1.1. jQuery.prop 1.2. jQuery.attr 2. property OR attribute...几道笔试题 1. jQuery.prop OR jQuery.attr 1.1. jQuery.prop The .prop() method gets the property value for only...The checked attribute value does not change with the state of the checkbox, while the checked property...("checked", true); // 获取选中值 var selected = $("input[name=degree]:checked").val(); console.log...("checked", true); // 获取选中值 var selected = []; $("input[name=degree]:checked").each(function

1.5K2 0

jQuery 元素操作

jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作。一、遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。...注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。...，添加类和删除类 $(".checkall").change(function () { // console.log($(this).prop("checked")); ...$(".j-checkbox,.checkall").prop("checked", $(this).prop('checked')); // 如果全选框被选中，则给所有商品添加背景类名...) { $(".checkall").prop("checked", true); } else { $(".checkall").prop

2.6K5 0

checkbox 和 radio 和 select 的使用

('checked')){ $(':checkbox[name=Country]').prop("checked",false) ; $(...this).prop("checked",true); } }); }) 这样凡是设置name属性为Country的将变成单选，name为city的是多选...]:checked').each(function(){ city += ($(this).val()); }); }) 这里需要注意的是；通过上面方法获得的内容是...input标签的value值，如果没有给value值，获得的都是no jquery取消选中 var code_Values = $('input:checkbox[name=abcd ]:checked... TOCFL 使用JavaScript获得选中值 $("#zh_select").change

1.6K4 0

jquery的checkbox,radio,select等方法总结

jquery的checkbox，radio，和select是jquery操作的一个难点和重点，很多前端新手对其了解不是很透彻。...=true;否则isSelected=false; //jquery1.6之后版本，用prop()判断。...应该写成 isSelected = $("#checkAll").prop("checked"); $("#checkAll").attr("checked", true);// or $("#checkAll...){ //由于复选框一般选中的是多个,所以可以循环输出选中的值 alert($(this).val()); }); //jquery1.6之后新增.prop()属性，因此jquery1.6...之后的版本，用var isSelected = $("#checkAll").prop("checked")；选中则isSelected=true;否则isSelected=false; 来判断是否选中

2.2K2 0

jQuery选择器（20171026）

("checked",$("thead input").prop("checked")); }); //有一个没选，实现非全选 $("tbody input...$(this).prop("checked")){ flag =false } if(flag){...$("thead input").prop("checked",true) }else{...$("thead input").prop("checked",false) } }) }) checkbox案例（二） $(function...").length > 3) { alert("最多只能选择三个"); $(this).prop("checked",false

9032 0

jQuery基础

="checked" />是否可见 //对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。...//像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此 //需要使用prop方法去操作才能获得正确的结果。...$("#chk1").prop("checked") // true console.log($("#chk1").prop("checked"));//false console.log...($("#chk2").prop("checked"));//true console.log($("#chk1").attr("checked"));//undefined console.log...只是结束了当前的函数,并不会影响后面函数的执行 //本来这样没问题,但因为我们的需求里有很多这样的情况:我们不管循环到第几个函数时,一旦return了, //希望后面的函数也不再执行了

2K6 0

开心档之Vue教程1

它所做的只是触发一个父组件关心的内部事件。...event: 'change' // onchange 事件 }, props: { checked: Boolean }, template: ` <input...type="checkbox" v-bind:checked="checked" v-on:change="$emit('change', $event.target.checked...的值会传给 checked 的 prop，同时当触发 change 事件时， lovingVue 的值也会更新。...是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。

1.9K3 0

开心档之Vue教程1

它所做的只是触发一个父组件关心的内部事件。...event: 'change' // onchange 事件 }, props: { checked: Boolean }, template: ` 触发 change 事件时， lovingVue 的值也会更新。...是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。

1.8K3 0

jQuery 属性操作

1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如...语法 1.获取属性语法 prop("属性") 2.设置属性语法 prop("属性", "属性值") 注意：prop() 除了普通属性操作，更适合操作表单属性：disabled / checked /...（该方法也可以获取 H5 自定义属性） 1.3 数据缓存 data() data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。...body> 都挺好 <input type="checkbox" name="" id="" checked..."); $("input").change(function() { console.log($(this).prop("checked"));

1.2K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

JQuery $.change不会注意到.prop所做的更改(“checked”，true)

相关·内容

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

jQuery

jquery attribute vs property 的区别

checkbox的attr("checked")一直以来，undefined问题解决

Jquery 判断 checked 是否选中

jQuery 属性操作

「jQuery」基础 - 02

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

jQuery 属性操作

jQuery的attr方法处理checkbox的问题

jQuery实例

【前端】：property OR attribute

jQuery 元素操作

checkbox 和 radio 和 select 的使用

jquery的checkbox,radio,select等方法总结

jQuery选择器（20171026）

jQuery基础

开心档之Vue教程1

开心档之Vue教程1

jQuery 属性操作

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐