当前位置: 编程技术>WEB前端
jQuery判断复选框是否勾选的原理及示例
来源: 互联网 发布时间:2014-08-25
本文导语: 今天要实现一功能就是:复选框勾选时给input表单赋值,复选框取消时将表单值清除。 效果如图: 实现源码:cyfID为复选框的id 代码如下: $("#cyfID").click(function(){ var ischeck=$(this).attr("checked"); if(ischeck==undefined){ //清除输入框 ale...
今天要实现一功能就是:复选框勾选时给input表单赋值,复选框取消时将表单值清除。
效果如图:
实现源码:cyfID为复选框的id
$("#cyfID").click(function(){
var ischeck=$(this).attr("checked");
if(ischeck==undefined){
//清除输入框
alert("");
}else{
//给输入框赋值
alert("qq");
}
});
实现原理是:复选框勾选时$(this).attr("checked")为checked,不勾选时为undefined。
效果如图:
实现源码:cyfID为复选框的id
代码如下:
$("#cyfID").click(function(){
var ischeck=$(this).attr("checked");
if(ischeck==undefined){
//清除输入框
alert("");
}else{
//给输入框赋值
alert("qq");
}
});
实现原理是:复选框勾选时$(this).attr("checked")为checked,不勾选时为undefined。