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 创建Dom元素
May 07 Javascript
jQuery学习基础知识小结
Nov 25 Javascript
读jQuery之十二 删除事件核心方法
Jul 31 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
JQuery标签页效果的两个实例讲解(4)
Sep 17 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
详谈$.data()的用法和作用
Feb 13 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
Jun 15 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
Oct 11 Javascript
微信小程序实现转盘抽奖
Sep 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/11/19 PHP
很让人受教的 提高php代码质量36计
2012/09/05 PHP
PHP页面实现定时跳转的方法
2014/10/31 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
jQuery 注意事项 与原因分析
2009/04/24 Javascript
javascript两段代码,两个小技巧
2010/02/04 Javascript
js动态生成指定行数的表格
2013/07/11 Javascript
JS平滑无缝滚动效果的实现代码
2016/05/06 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
Bootstrap警告(Alerts)的实现方法
2017/03/22 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
2017/09/14 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
node.js通过url读取文件
2020/10/16 Javascript
Python操作json数据的一个简单例子
2014/04/17 Python
Python写的Socks5协议代理服务器
2014/08/06 Python
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
python验证身份证信息实例代码
2019/05/06 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
Python 抓取数据存储到Redis中的操作
2020/07/16 Python
Python测试框架:pytest学习笔记
2020/10/20 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
HTML5 video 视频标签使用介绍
2014/02/03 HTML / CSS
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
C有"按引用传递"吗
2016/09/06 面试题
创业计划书——互联网商机
2014/01/12 职场文书
《草虫的村落》教学反思
2014/02/16 职场文书
初级党校心得体会
2014/09/11 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS