jquery 各版本设置checkbox的checked属性
2013-07-10 18:47
501 查看
所使用的jquery版本为jquery-1.9.1,浏览器为Chrome
1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase
<input type="checkbox" id="selectAll" onclick="checkAll()">全选
function checkAll()
{
var checkedOfAll=$("#selectAll").prop("checked");
alert(checkedOfAll);
$("input[name='procheck']").prop("checked", checkedOfAll);
}
2.如果使用attr方法获取时,如果当前input中初始化未定义checked属性,则不管当前是否选中,$("#selectAll").attr("checked")都会返回undefined;
<input type="checkbox" id="selectAll" onclick="checkAll()" >全选
如果当前input中初始化已定义checked属性,则不管是否选中,$("#selectAll").attr("checked")都会返回checked.
<input type="checkbox" id="selectAll" onclick="checkAll()" checked>全选
function checkAll()
{
var checkedOfAll=$("#selectAll").attr("checked");
alert(checkedOfAll);
$("input[name='procheck']").attr("checked", checkedOfAll);
}
总结,如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr.
别一种方法;
如果是高版本,可以用 is(:checked") 进行判断
1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase
<input type="checkbox" id="selectAll" onclick="checkAll()">全选
function checkAll()
{
var checkedOfAll=$("#selectAll").prop("checked");
alert(checkedOfAll);
$("input[name='procheck']").prop("checked", checkedOfAll);
}
2.如果使用attr方法获取时,如果当前input中初始化未定义checked属性,则不管当前是否选中,$("#selectAll").attr("checked")都会返回undefined;
<input type="checkbox" id="selectAll" onclick="checkAll()" >全选
如果当前input中初始化已定义checked属性,则不管是否选中,$("#selectAll").attr("checked")都会返回checked.
<input type="checkbox" id="selectAll" onclick="checkAll()" checked>全选
function checkAll()
{
var checkedOfAll=$("#selectAll").attr("checked");
alert(checkedOfAll);
$("input[name='procheck']").attr("checked", checkedOfAll);
}
总结,如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr.
别一种方法;
如果是高版本,可以用 is(:checked") 进行判断
相关文章推荐
- 关于jquery版本为1.6+使用checkbox的checked属性来判断一个checkbox是否被选中问题
- jQuery获取和设置checkbox的checked属性小结
- jquery与checkbox的checked属性的问题
- jquery各种版本判断checkbox checked
- checkbox属性checked="checked"通过js已设置,但是不勾选,解决办法
- jquery-1.10.2 获取checkbox的checked属性总是undefined
- jQuery设置radio、select、checkbox只读属性后,如何在后台得到数据
- checkbox属性checked="checked"通过js已设置,但是不勾选
- jquery-1.9.1中checkbox属性checked="checked"已存在,但却不显示选中效果
- jQuery获取的checkbox的属性checked为undefined
- jquery-1.10.2 获取checkbox的checked属性总是undefined
- jquery checkbox勾选/取消勾选checked属性不生效问题
- checkbox的checked属性在jquery中的正确用法
- jquery利用attr、prop方法获取、设置input的checked属性
- jquery 设置、取消disabled、checked 等属性
- jquery利用attr、prop方法获取、设置input的checked属性
- jquery-1.10.2 获取checkbox的checked属性总是undefined
- 通过attr(,)动态设置CheckBox的checked属性,会出现第二次设置cheked属性不起作用的情况
- 通过attr(,)动态设置CheckBox的checked属性,会出现第二次设置cheked属性不起作用的情况
- 浅析jquery与checkbox的checked属性的问题