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 相关文章推荐
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
javascript实现修改微信分享的标题内容等
Dec 11 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
requireJS模块化实现返回顶部功能的方法详解
Oct 16 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
May 18 Javascript
Vue自定义指令封装节流函数的方法示例
Jul 09 Javascript
JS 事件机制完整示例分析
Jan 15 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
Apr 21 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一些有意思的小区别
2006/12/06 PHP
自动生成文章摘要的代码[PHP 版本]
2007/03/20 PHP
JSON在PHP中的应用介绍
2012/09/08 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
PHP获取数组中重复最多的元素的实现方法
2014/11/11 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
2016/05/16 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
js 创建书签小工具之理论
2011/02/25 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
2014/06/16 Javascript
浅谈javascript中的DOM方法
2015/07/16 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
微信小程序实现tab切换效果
2017/11/21 Javascript
javascript for循环性能测试示例
2019/08/07 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
Python批量更改文件名的实现方法
2017/10/29 Python
Python爬虫设置代理IP的方法(爬虫技巧)
2018/03/04 Python
使用python将多个excel文件合并到同一个文件的方法
2019/07/09 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
N:Philanthropy官网:美国洛杉矶基础款服装
2020/06/09 全球购物
幼儿教师自我鉴定
2013/11/02 职场文书
党员自我评价分享
2013/12/13 职场文书
大学生学习党课思想汇报
2014/01/03 职场文书
“学雷锋活动月”总结
2014/03/09 职场文书
真诚的求职信
2014/07/04 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
2016先进集体事迹材料范文
2016/02/25 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript