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

z_qifa

已于 2022-10-25 18:18:20 修改

阅读量3.9w

点赞数 2

CC 4.0 BY-SA版权

文章标签： jquery javascript 前端

于 2017-07-03 15:55:24 首次发布

本文链接：https://blog.youkuaiyun.com/z_qifa/article/details/74202792

本文详细介绍了使用jQuery操作Checkbox的方法，包括判断Checkbox的状态、为Checkbox赋值以及触发click和change事件的具体实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;//函数返回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!");
});
});

作者：zqifa