码迷,mamicode.com
首页 > Web开发 > 详细

JS笔记

时间:2017-05-21 16:56:43      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:archive   article   inpu   return   返回   html   undefined   com   function   

http://www.cnblogs.com/qqzy168/archive/2013/03/11/2953492.html

jquery和js如何判断checkbox是否选中及改变checkbox状态

jquery:

<div id="divId" class="divTable">
<div class="tableBody">
<ul ><li ><input type="checkbox" value="501" ></li></ul>
</div>
</div>

$("input[type=‘checkbox‘]").attr(‘value‘)
返回结果:501

$("input[type=‘checkbox‘]").is(‘:checked‘)
返回结果:选中=true,未选中=false

js:

if(document.getElementById("checkboxID").checked){
    alert("checkbox is 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");

JS笔记

标签:archive   article   inpu   return   返回   html   undefined   com   function   

原文地址:http://www.cnblogs.com/charles999/p/6885072.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!