Jquery操作checkbox时候,checked已经存在;但是没有选中问题解决
来源:互联网 发布:手机淘宝导航怎么设置 编辑:程序博客网 时间:2024/06/18 17:27
具体场景:
使用jquery动态给checkbox选中或者取消选中时候;
$("#listPanel input[type='checkbox']").removeAttr("checked"); $("#listPanel input[type='checkbox']").attr("checked",true);
问题描述:
第一遍勾选和取消是有效的,但是第二遍以后就没反应了,查看了属性,发现checked属性一直存在,但是没显示勾。就考虑移除checked属性看看。但是check属性是存在的;
解决办法:
$("#listPanel input[type='checkbox']").removeAttr("checked"); $("#listPanel input[type='checkbox']").prop("checked",true);
那我们现在来看这个两者的区别在哪里:
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。
关于它们两个的区别,简单总结下:
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
咱们简单举例说明下就明白了
<input id="chk1" type="checkbox" />是否可见<input id="chk2" type="checkbox" checked="checked" my-attr="myAttr" />是否可见
像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果,my-attr是我自己定义的;咱们使用attr();
$("#chk1").prop("checked") == false$("#chk2").prop("checked") == true$("#chk1").attr("checked") == undefined$("#chk2").attr("checked") == "checked"
阅读全文
1 0
- Jquery操作checkbox时候,checked已经存在;但是没有选中问题解决
- 复选框已经有checked,但是没有显示选中
- jquery-1.9.1中checkbox属性checked="checked"已存在,但却不显示选中效果
- 在使用Jquery的时候明明checked属性存在但是attr('checked')却显示undefine的原因以及解决方法
- jQuery操作checkbox选择checked
- 编辑页面checkbox中有值,但是没有选中
- checkbox显示为checked="checked"但是不显示选中状态
- Jquery获取已经被勾上的checkbox,永远都是"checked"
- 关于checkbox的checked='checked'但是没有显示勾选解决方法
- [Jquery]checkbox和radio的checked选中问题
- jquery关于checkbox选中操作
- jquery,attr,prop,checkbox标签已有checked=checked但是不显示勾选
- jQuery checkbox 保存选中项时除去已经选中项
- 选中checkbox checked=false
- 解决checkbox属性checked为true但是未被选中的问题
- jquery无法设置checkbox选中即没有变成选中状态
- jquery无法设置checkbox选中即没有变成选中状态
- jQuery 操作复选框(checkbox) attr checked不起作用
- spring声明式事务
- 搞定4点认知偏好,让疲倦的用户一眼看懂你的文案
- Game of Connections
- Android Tombstone/Crash的log分析和定位
- Kerberos简介
- Jquery操作checkbox时候,checked已经存在;但是没有选中问题解决
- Python
- 实战DeviceIoControl 之五:列举已安装的存储设备
- mongoDB学习(二)——mongoDB的基础操作
- 深度学习 基于R-CNN的物体检测
- Java实现-交错正负数
- 基于Windows环境下Node.js全局环境配置
- window下mongodb在dos下服务器启动及连接
- Python练习7--if