<input> 标签的 checked 属性
来源:互联网 发布:网络通信平台 socket 编辑:程序博客网 时间:2024/05/16 15:35
checked 属性可设置或返回某个选定复选框或单选按钮是否被选中。
checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。
表示选定复选框或单选按钮。
<input type="checkbox" name="vehicle" value="Car" checked="checked" /> I have a car
document.getElementById("check1").checked=true document.getElementById("check1").checked=false
<input id="cb1" type="checkbox" checked />
< input id="cb2" type="checkbox" checked="checked" />
jquery判断checked的三种方法:
.attr('checked'): //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'): //所有版本:true/false//别忘记冒号哦
$("#cb1").attr("checked","checked");
$("#cb1").attr("checked",true);
$("#cb1").prop("checked",true); //很简单就不说了哦
$("#cb1").prop({checked:true}); //map键值对
$("#cb1").prop("checked",function(){
return true; //函数返回true或false
});
$("#cb1").prop("checked","checked");
$("#bed").attr("checked","checked");
但是页面上并没有选中,换成 $("#bed").prop("checked", true); 选中ok
原因:
这里用attr只是为元素添加了checked=“checked”的属性,但是并没有使checked的动作生效
利用prop是可以直接将属性生效的方法,例如:disable,checked
prop是布尔型的属性,属性值只有true|false
.attr() 不能用于普通对象,数组,窗口,文档等,要重新获取改变dom属性,用.prop()方法。
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。
但不得不说的是,这两个函数的用处却并大不相同。
但不得不说的是,这两个函数的用处却并大不相同。下面我们来详细介绍这两个函数之间的区别。
1、操作对象不同
很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思。
不过,在jQuery中,attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性,property表示JS对象的属性。
2、应用版本不同
attr()是jQuery 1.0版本就有的函数,prop()是jQuery 1.6版本新增的函数。毫无疑问,在1.6之前,你只能使用attr()函数;1.6及以后版本,你可以根据实际需要选择对应的函数。
3、用于设置的属性值类型不同
由于attr()函数操作的是文档节点的属性,因此设置的属性值只能是字符串类型,如果不是字符串类型,也会调用其toString()方法,将其转为字符串类型。
prop()函数操作的是JS对象的属性,因此设置的属性值可以为包括数组和对象在内的任意类型。
4、其他细节问题
在jQuery 1.6之前,只有attr()函数可用,该函数不仅承担了attribute的设置和获取工作,还同时承担了property的设置和获取工作。例如:在jQuery 1.6之前,attr()也可以设置或获取tagName、className、nodeName、nodeType等DOM元素的property。
直到jQuery 1.6新增prop()函数,并用来承担property的设置或获取工作之后,attr()才只用来负责attribute的设置和获取工作。
此外,对于表单元素的checked、selected、disabled等属性,在jQuery 1.6之前,attr()获取这些属性的返回值为Boolean类型:如果被选中(或禁用)就返回true,否则返回false。
但是从1.6开始,使用attr()获取这些属性的返回值为String类型,如果被选中(或禁用)就返回checked、selected或disabled,否则(即元素节点没有该属性)返回undefined。并且,在某些版本中,这些属性值表示文档加载时的初始状态值,即使之后更改了这些元素的选中(或禁用)状态,对应的属性值也不会发生改变。
因为jQuery认为:attribute的checked、selected、disabled就是表示该属性初始状态的值,property的checked、selected、disabled才表示该属性实时状态的值(值为true或false)。
因此,在jQuery 1.6及以后版本中,请使用prop()函数来设置或获取checked、selected、disabled等属性。对于其它能够用prop()实现的操作,也尽量使用prop()函数。
- <input> 标签的 checked 属性
- html中的input标签的checked属性
- HTML <input> 标签的 checked 属性
- 关于input标签checkbox属性 和checked
- jquery 选中匹配多个属性值 获取 勾选的checked 的input标签
- jquery 获取input的checked属性相关
- jquery 获取input的checked属性问题
- input 标签的属性
- jquery表单input 对象的属性 selected,checked
- jquery attr方法获取input的checked属性问题
- jquery attr()方法获取input的checked属性问题
- jquery attr方法获取input的checked属性问题
- input标签的tabindex属性
- <input>标签的属性表
- input标签的placeholder属性
- input标签的一些属性
- input标签的value属性
- JS中input标签和checked使用
- Win10更新 800240020 错误代码解决办法
- 浏览器中展示地图
- MAC显示与隐藏文件夹
- 引入library,设置依赖
- 合并两个排序的链表
- <input> 标签的 checked 属性
- 黑马程序员——集合框架collection集合接口及List子类
- 读书笔记MoreEffectiveC++(29)
- js中cookie的使用详细分析
- python list to string
- iOS&&Swift入门(二)App图标
- atoi的一个实现
- Java Spring RPC Hessian 学习笔记
- Client server host 的定义与区别