欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery判断复选框是否勾选的原理及示例

程序员文章站 2022-07-25 18:09:45
今天要实现一功能就是:复选框勾选时给input表单赋值,复选框取消时将表单值清除。 效果如图:   实现:cyfid为复选框的id . 代码如下: $(...

今天要实现一功能就是:复选框勾选时给input表单赋值,复选框取消时将表单值清除。

效果如图:
jQuery判断复选框是否勾选的原理及示例 
实现:cyfid为复选框的id

. 代码如下:


$("#cyfid").click(function(){
var ischeck=$(this).attr("checked");
if(ischeck==undefined){
//清除输入框
alert("");
}else{
//给输入框赋值
alert("qq");
}
});


实现原理是:复选框勾选时$(this).attr("checked")为checked,不勾选时为undefined。