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 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
js中匿名函数的N种写法
Sep 08 Javascript
jquery获取radio值(单选组radio)
Oct 16 Javascript
Lab.js初次使用笔记
Feb 28 Javascript
JavaScript中将数组进行合并的基本方法讲解
Mar 07 Javascript
JavaScript——DOM操作——Window.document对象详解
Jul 14 Javascript
jquery层级选择器的实现(匹配后代元素div)
Sep 05 Javascript
jQuery Form表单取值的方法
Jan 11 Javascript
vue2.0 下拉框默认标题设置方法
Aug 22 Javascript
使用rollup打包JS的方法步骤
Dec 05 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
May 24 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
在页面加载完成后通过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
动易数据转成dedecms的php程序
2007/04/07 PHP
php快速查找数据库中恶意代码的方法
2015/04/01 PHP
PHP扩展Memcache分布式部署方案
2015/12/06 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
Zend Framework教程之Zend_Registry对象用法分析
2016/03/22 PHP
JQuery.Ajax之错误调试帮助信息介绍
2013/07/04 Javascript
JQuery Highcharts 动态生成图表的方法
2013/11/15 Javascript
JS函数重载的解决方案
2014/05/13 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
angular 服务的单例模式(依赖注入模式下)详解
2018/10/22 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
微信小程序 可搜索的地址选择实现详解
2019/08/28 Javascript
让IDE识别webpack的别名alias的实现方法
2020/05/06 Javascript
vue实现登录拦截
2020/06/29 Javascript
javascript实现滚轮轮播图片
2020/12/13 Javascript
Python实现Linux下守护进程的编写方法
2014/08/22 Python
Python类的多重继承问题深入分析
2014/11/09 Python
python获得文件创建时间和修改时间的方法
2015/06/30 Python
对Python中plt的画图函数详解
2018/11/07 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
python读取有密码的zip压缩文件实例
2019/02/08 Python
Python日期时间Time模块实例详解
2019/04/15 Python
python基于json文件实现的gearman任务自动重启代码实例
2019/08/13 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
python PyAUtoGUI库实现自动化控制鼠标键盘
2020/09/09 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
Python读取图像并显示灰度图的实现
2020/12/01 Python
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
传播学毕业生求职信
2013/10/11 职场文书
安卓程序员求职信
2014/02/28 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
重阳节活动主持词
2015/07/04 职场文书
Java实现房屋出租系统详解
2021/10/05 Java/Android