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


Posted in Javascript onMay 21, 2014

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

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

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

实现原理是:复选框勾选时$(this).attr("checked")为checked,不勾选时为undefined。
Javascript 相关文章推荐
JQuery筛选器全系列介绍
Aug 27 Javascript
javascript alert乱码的解决方法
Nov 05 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
Apr 20 Javascript
JavaScript中三种异步上传文件方式
Mar 06 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
Nov 17 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
EL表达式截取字符串的函数说明
Sep 22 Javascript
Vue实现搜索 和新闻列表功能简单范例
Mar 16 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
JS代码触发事件代码实例
Jan 02 Javascript
在页面加载完成后通过jquery给多个span赋值
May 21 #Javascript
JS 弹出层 定位至屏幕居中示例
May 21 #Javascript
Jquery实现的角色左右选择特效
May 21 #Javascript
jquery $.trim()方法使用介绍
May 21 #Javascript
JS控制输入框内字符串长度
May 21 #Javascript
javascript学习笔记之10个原生技巧
May 21 #Javascript
jquery实现预览提交的表单代码分享
May 21 #Javascript
You might like
php中使用接口实现工厂设计模式的代码
2012/06/17 PHP
php连接Access数据库错误及解决方法
2013/06/20 PHP
php使浏览器直接下载pdf文件的方法
2013/11/15 PHP
PHP中使用substr()截取字符串出现中文乱码问题该怎么办
2015/10/21 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
2019/07/15 PHP
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
JQuery.Ajax()的data参数类型实例详解
2015/11/20 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
jquery动态切换背景图片的简单实现方法
2016/05/14 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
将angular-ui的分页组件封装成指令的方法详解
2017/05/10 Javascript
AngularJS实现动态切换样式的方法分析
2018/06/26 Javascript
微信小程序实现日历效果
2018/12/28 Javascript
在微信小程序中使用图表的方法示例
2019/04/25 Javascript
python使用wxpython开发简单记事本的方法
2015/05/20 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
Django中create和save方法的不同
2019/08/13 Python
如何更改 pandas dataframe 中两列的位置
2019/12/27 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
PyCharm Community安装与配置的详细教程
2020/11/24 Python
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
公司活动策划方案
2014/01/13 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
酒店管理求职信
2014/06/09 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
职业规划从高考志愿专业选择开始
2019/08/08 职场文书
Tomcat配置访问日志和线程数
2022/05/06 Servers
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技