jQuery判断复选框是否勾选的原理及示例
更新时间:2014年05月21日 16:15:41 作者:
要实现这样的一个功能复选框勾选时给input表单赋值,复选框取消时将表单值清除,需要的朋友可以参考下
今天要实现一功能就是:复选框勾选时给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。
您可能感兴趣的文章:
- JQUERY复选框CHECKBOX全选,取消全选
- jquery复选框CHECKBOX全选、反选
- jquery.alert 弹出式复选框实现代码
- jquery 操作单选框,复选框,下拉列表实现代码
- jquery判断checkbox(复选框)是否被选中的代码
- Jquery获取复选框被选中值的简单方法
- jquery统计复选框选中示例
- jquery如何获取复选框的值
- jquery操作复选框(checkbox)的12个小技巧总结
- jquery获取复选框被选中的值
- jquery统计用户选中的复选框的个数
- jQuery实现复选框全选/取消全选/反选及获得选择的值
- 基于jQuery实现复选框的全选 全不选 反选功能
- jQuery实现统计复选框选中数量
- jquery复选框多选赋值给文本框的方法
- jquery实现勾选复选框触发事件给input赋值
- JQuery CheckBox(复选框)操作方法汇总
- JQuery限制复选框checkbox可选中个数的方法
- jQuery切换所有复选框选中状态的方法
- Labelauty–jQuery单选框/复选框美化插件分享
- 基于jquery实现复选框全选,反选,全不选等功能
相关文章
JQuery组件基于Bootstrap的DropDownList(完整版)
这篇文章主要介绍了JQuery组件基于Bootstrap的DropDownList的完整版,在原有基础上进行完善功能,感兴趣的小伙伴们可以参考一下2016-07-07jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
这篇文章主要介绍了jQuery实现通过方向键控制div块上下左右移动的方法,涉及jQuery结合键盘事件响应动态修改页面元素属性相关操作技巧,需要的朋友可以参考下2018-04-04jquery实现的回旋滚动效果完整实例【附demo源码下载】
这篇文章主要介绍了jquery实现的回旋滚动效果,可实现点击后侧图片呈现立体翻转切换的功能,涉及jQuery插件roundabout.js的使用,并附带了完整实例demo源码供读者下载参考,需要的朋友可以参考下2016-09-09jQuery插件ajaxfileupload.js实现上传文件
这篇文章主要为大家详细介绍了jQuery插件ajaxfileupload.js实现上传文件的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-05-05jQuery中filter(),not(),split()使用方法
jQuery下一些查找过滤功能filter(),not(),split()用法,可以让jquery更容易的操作控制页面元素。2010-07-07JQuery判断checkbox是否选中及其它复选框操作方法合集
这篇文章主要介绍了JQuery判断checkbox是否选中及其它复选框操作方法合集,本文汇总了网上解决这个问题比较好的几篇文章,需要的朋友可以参考下2015-06-06
最新评论