jquery中checkbox选中改变状态以及change和click事件

黄舟
Lepaskan: 2017-06-27 09:20:01
asal
8516 orang telah melayarinya

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);
Salin selepas log masuk

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

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

//记得还有这种哦:$("#cb1″).prop("checked","checked");

checkbox click和change事件

方法1:

$("#ischange").change(function() { 
alert("checked"); 
});
Salin selepas log masuk

方法2:

$(function(){ 
if ($.browser.msie) { 
$('input:checkbox').click(function () { 
this.blur(); 
this.focus(); 
}); 
};
Salin selepas log masuk

方法3:

$("#ischange").change(function() { 
alert("checked"); 
}); 
});
Salin selepas log masuk

方法4:

$(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }});
Salin selepas log masuk

方法5:

$(
document
).ready(function(){ 
$("testCheckbox").change(function() { 
alert("Option changed!"); 
}); 
});
Salin selepas log masuk

Atas ialah kandungan terperinci jquery中checkbox选中改变状态以及change和click事件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan