jquery checkbox 複選框 選中 改變狀態 change和click事件

jquery判斷checked的三種方法:

.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false//16+版本:true/false
.prop('checked'); //16+:true/false//所有版本: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");


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!"); 
}); 
});


後記

看了很多文章 說attr不能使用兩次 本人調用了其他形式 有需要的請參考


發佈了6 篇原創文章 · 獲贊 8 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章