分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

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

发布时间:2023-09-06 02:16责任编辑:赖小花关键词:checkbox

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

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

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

原文地址:https://www.cnblogs.com/Lujun1028/p/9735021.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved