jquery的checked以及disabled
2011-11-16 21:40
176 查看
下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的
下边两种写法没有任何区别 只是少了些代码而已...
-----------------------------------------------------------
<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//别忘记冒号哦
jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);
jquery1.6+:prop的4种赋值:
// $("#cb1").prop("checked",true);//很简单就不说了哦
// $("#cb1").prop({checked:true}); //map键值对
// $("#cb1").prop("checked",function(){
return true;//函数返回true或false
});
//记得还有这种哦:$("#cb1").prop("checked","checked");
更多参考:http://api.jquery.com/prop/
上代码 大家可以随便测试:(你是懒人么-_-)
jquery1.6以后才支持prop的哦
新建一个text复制内容进去 后缀名改成html
下边两种写法没有任何区别 只是少了些代码而已...
-----------------------------------------------------------
<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//别忘记冒号哦
jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);
jquery1.6+:prop的4种赋值:
// $("#cb1").prop("checked",true);//很简单就不说了哦
// $("#cb1").prop({checked:true}); //map键值对
// $("#cb1").prop("checked",function(){
return true;//函数返回true或false
});
//记得还有这种哦:$("#cb1").prop("checked","checked");
更多参考:http://api.jquery.com/prop/
上代码 大家可以随便测试:(你是懒人么-_-)
jquery1.6以后才支持prop的哦
新建一个text复制内容进去 后缀名改成html
<html> <head> <title>测试</title> <style type="text/css"> </style> <!--1.62可以修改1.42 1.52 1.7来测试--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ //判断checked // var a=$("#cb1").attr('checked'); //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false // var b=$("#cb1").prop('checked'); //1.6+:true/false var c=$("#cb1").is(':checked'); //所有版本:true/false // alert(a); // alert(b); alert(c); //赋值 前两个所有的jquery版本都支持 prop只有jquery1.6+支持 // $("#cb1").attr("checked","checked");//1.5- // $("#cb1").attr("checked",true);//1.5-
// $("#cb1").prop("checked","checked");//1.6+(整理的时候把这个忘记啦)
// $("#cb1").prop("checked",true);//1.6+ // $("#cb1").prop({checked:true});//1.6+ // $("#cb1").prop("checked",function(){ // return true;//1.6+ // }); })(); </script> </head> <body> <!--赋值的时候记得去掉checked--> <input id="cb1" type="checkbox" checked /> <input id="cb2" type="checkbox" checked="checked"/> </body> </html>
相关文章推荐
- jquery的checked以及disabled
- jquery操作checked属性以及disabled属性的多种方法
- jquery操作checked属性以及disabled属性的多种方法
- jquery的checked以及disabled
- jquery操作checked属性以及disabled属性的多种方法
- jquery的checked以及disabled : http://www.cnblogs.com/0banana0/archive/2011/11/16/2251855.html
- jquery操作checked属性以及disabled属性的多种方法
- jquery的checked以及disabled
- jquery操作checked属性以及disabled属性的多种方法
- jquery的checked以及disabled
- attr设置checked,disabled等属性失效的问题,jquery的attr和prop的区别
- 在使用Jquery的时候明明checked属性存在但是attr('checked')却显示undefine的原因以及解决方法
- Jquery 获取checkbox的checked问题以及解决方案
- jquery表单对象属性选择器:enabled、:disabled、:checked、:selected
- Jquery 获取checkbox的checked问题以及解决方案
- jquery 设置、取消disabled、checked 等属性
- checked以及disabled相关操作
- Jquery 1.11.1 Checkbox checked 判断
- jquery判断checked的三种方法解释:
- jQuery与YUI中鼠标位置检测比较学习(document.documentElement document.body与pageX pageY以及clientX clientY)