Jquery系列:checkbox 获取值、选中、设置值、事件监听等操作 1.获取选中值2.是否选中

Jquery系列:checkbox 获取值、选中、设置值、事件监听等操作

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

 

$("input[type=\'checkbox\']").attr(\'value\');//返回结果：1

 

$("input[type=\'checkbox\']").attr(\'checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
$("input[type=\'checkbox\']").prop(\'checked\'); //16+:true/false
$("input[type=\'checkbox\']").is(\':checked\'); //所有版本:true/false

补充获取checkbox的checked的方法

$("input[type=\'checkbox\']").is(\':checked\')
$("#check_box").get(0).checked
$("#check_box").prop("checked")

$("#check_box").attr("checked")

document.getElementById("check_box").checked

 

3.设置值

所有的jquery版本都可以这样赋值:

　　$("#cb1").attr("checked","checked");
　　$("#cb1").attr("checked",true);

 

jquery1.6+:prop的4种赋值:

　　$("#cb1″).prop("checked","checked");
　　$("#cb1″).prop("checked",true);//很简单就不说了哦
　　$("#cb1″).prop({checked:true}); //map键值对
　　$("#cb1″).prop("checked",function(){
　　    return true;//函数返回true或false
　　    });

 

4.选中事件监听

$("#ischange").change(function() { 
　　alert("checked"); 
});