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;//函數(shù)返回true或false
});
//記得還有這種哦:$("#cb1″).prop("checked","checked");
checkbox click和change事件
方法1:
$("#ischange").change(function() {
alert("checked");
});
方法2:
$(function(){
if ($.browser.msie) {
$('input:checkbox').click(function () {
this.blur();
this.focus();
});
};
方法3:
$("#ischange").change(function() {
alert("checked");
});
});
方法4:
$(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }});
方法5:
$(document).ready(function(){
$("testCheckbox").change(function() {
alert("Option changed!");
});
});
實例:
html:
<div id="divId" class="divTable"> <div class="tableBody"> <ul > <li ><input type="checkbox" value="1" >選項1</li> </ul> </div> </div>
1.獲取選中值
$("input[type='checkbox']").attr('value');//返回結(jié)果:1
2.是否選中
$("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′)("input[type=′checkbox′]").is(′:checked′)("#check_box").get(0).checked $("#check_box").prop("checked") $("#check_box").attr("checked") document.getElementById("check_box").checked
3.設(shè)置值
所有的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;//函數(shù)返回true或false });
4.選中事件監(jiān)聽
$("#ischange").change(function() { alert("checked"); });
如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答?。?點擊進入論壇