jquery中change和click事件,checkbox单选按钮组选中改变状态

日期:2018-04-03 08:55:12 类别:  Javascript

对于jquery操作checkbox单选按钮组选中改变状态。这与选项卡Tab切换网页特效很类似。

1、jquery判断checkbox选中状态checked的三种方法:

.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'); //16+:true/false
.is(':checked'); //所有版本:true/false//别忘记冒号哦

2、jquery对单选按钮组checkbox赋值checked的方式:

// $("#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");

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

以上就是jquery中change和click事件,checkbox单选按钮组选中改变状态的方法