checkbox选中事件在前端中,往往需要根据后台数据的返回选中多选框。可以根据后台返回的数据转化为数组,然后又val([数组])进行选中。jquerycheckbox选中、改变状态、change和click事件。
jquery判断checkbox选中的三种方法:
.attr('checked);//看版本1.6+返回:”checked”或”undefined”;1.5-返回:true或false
.prop('checked');//16+:true/false
.is(':checked');//所有版本:true/false//别忘记冒号哦
jquery赋值checkbox选中的几种写法:
所有的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(){
returntrue;//函数返回true或false
});
//记得还有这种哦:$("#cb1″).prop("checked","checked");
checkboxclick和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("Optionchanged!");
});
});
总之，checkbox选中事件给大家简单的介绍了一些，希望大家多看看。