当前位置: 首页 > 编程笔记 >

jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法

卫博学
2023-03-14
本文向大家介绍jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,包括了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法。分享给大家供大家参考,具体如下:

先看如下代码

/**
 * 全选
 */
 function checkAll() {
   $("input[name=ids]").attr("checked", true);
 }
 /**
 * 全不选
 */
 function uncheckAll() {
   $("input[name=ids]").attr("checked", false);
 }

问题描述:

初始状态复选框没有全选,点击全选按钮调用checkAll方法,实现了全选,然后点击全不选按钮,实现了全不选,然后再次点击全选按钮,结果却木有全选,再反复点击木有任何反应。

解决方法:

google之:

把使用prop方法代替attr方法,

/**
 * 全选
 */
function checkAll() {
  $("input[name=ids]").prop("checked", true);
}

至此问题解决!

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery form操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

 类似资料:
  • 问题内容: 我在查找以下jquery / checkbox行为的原因时遇到问题。 该代码旨在按以下方式工作:-单击input.select_all触发事件- 如果选中了input.select_all:将选中的属性添加到table.sgrid-content中标记为.select的所有复选框-如果未选中:则删除“ ‘属性来自所有input.select项。 另一个简单的网格功能。而且有效。奇怪的是

  • 本文向大家介绍jquery checkbox无法用attr()二次勾选问题的解决方法,包括了jquery checkbox无法用attr()二次勾选问题的解决方法的使用技巧和注意事项,需要的朋友参考一下 今晨,漂亮的测试妹妹提了个奇怪的bug,说我一功能checkbox时隐时现,比如第一次打开有勾选,第n次打开可能就不选了。 想到与美女有亲密接触机会,马上鸡动起来。 经过偶层层抽次剥茧(da da

  • 本文向大家介绍JQuery 设置checkbox值二次无效的解决方法,包括了JQuery 设置checkbox值二次无效的解决方法的使用技巧和注意事项,需要的朋友参考一下 在此MVC ASP.NET 项目,我利用jquery ajax传输数据给后台controller控制层,返回数据给JQuery数据。 首先必须清除checkbox的选中,因为是ajax的异步操作,是不刷新页面的,所以需要手段充值

  • 本文向大家介绍jquery中checkbox全选失效的解决方法,包括了jquery中checkbox全选失效的解决方法的使用技巧和注意事项,需要的朋友参考一下 如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容,.attr()

  • 本文向大家介绍解决JQuery全选/反选第二次失效的问题,包括了解决JQuery全选/反选第二次失效的问题的使用技巧和注意事项,需要的朋友参考一下 最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了。 原代码大致结构关键如下: 步骤一:尝试正面刚一波: 卒-----完全没有效果,弃之。 步骤二:快速上网搜索一

  • 本文向大家介绍jQuery 更改checkbox的状态,无效的解决方法,包括了jQuery 更改checkbox的状态,无效的解决方法的使用技巧和注意事项,需要的朋友参考一下 今天写页面遇到复选框动态全选或全不选问题,正常写法如下: but!第一次点击全选按钮input显示对勾,第二次就不行了,查了下有建议用prop的,亲测有效。那两者有啥区别呢? jQuery函数attr()和prop()的区别