Jquery为单选框checkbox绑定单击click事件


Posted in Javascript onDecember 18, 2012

一、假设有如下一段html代码

<dd id="1"> 
<input id="checkbox-518" class="imagezz" name type="checkbox" value="518"> 
</dd>

选中事件(根据选中情况修改上一层背景):
var $test_image_check_box_click = function() { 
if ($(this).attr("checked") == "checked") { 
$(this).parent().css({"background":"#dcf4fc"}); 
} 
else { 
$(this).parent().css({"background":"#fcf7c7"}); 
} 
check_all_imagezz(); 
}

绑定事件:
$(#checkbox-518).click($test_image_check_box_click);

二、假设html中有很多并列的dd标签,每个dd标签中有一个checkbox,class名都为imagezz,对于每个checkbox都绑定事先设定的$test_image_check_box_click事件
$(document).ready(function(){ 
$(".imagezz").click($test_image_check_box_click); 
}
Javascript 相关文章推荐
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
JS替换字符串中字符即替换全部而不是第一个
Jun 04 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
May 03 Javascript
jquery实现全选、反选、获得所有选中的checkbox
Sep 13 Javascript
javascript运算符语法全面概述
Jul 14 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
Jul 25 Javascript
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
react 父子组件之间通讯props
Sep 08 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
用javascript实现倒计时效果
Feb 09 Javascript
jQuery实现form表单reset按钮重置清空表单功能
Dec 18 #Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
Dec 17 #Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 #Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 #Javascript
jQuery移动和复制dom节点实用DOM操作案例
Dec 17 #Javascript
javascript中判断一个值是否在数组中并没有直接使用
Dec 17 #Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 #Javascript
You might like
PHP has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
php 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
PHP实现自动识别Restful API的返回内容类型
2015/02/07 PHP
WordPress中制作导航菜单的PHP核心方法讲解
2015/12/11 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
关于javascript模块加载技术的一些思考
2014/11/28 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
JavaScript的instanceof运算符学习教程
2016/06/08 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
2018/11/29 Javascript
[01:35]辉夜杯战队访谈宣传片—iG.V
2015/12/25 DOTA
Python 过滤字符串的技巧,map与itertools.imap
2008/09/06 Python
python和ruby,我选谁?
2017/09/13 Python
python3学习笔记之多进程分布式小例子
2018/02/13 Python
python和opencv实现抠图
2018/07/18 Python
python保存二维数组到txt文件中的方法
2018/11/15 Python
python 遍历列表提取下标和值的实例
2018/12/25 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
Python实现语音识别和语音合成功能
2019/09/20 Python
基于Python 中函数的 收集参数 机制
2019/12/21 Python
使用Python判断一个文件是否被占用的方法教程
2020/12/16 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
Lucene推荐的分页方式是什么?
2015/12/07 面试题
新品发布会主持词
2014/04/02 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
会计毕业生自荐书
2014/06/12 职场文书
重阳节活动总结
2014/08/27 职场文书
2015年保洁员工作总结
2015/05/04 职场文书
python 网络编程要点总结
2021/06/18 Python
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL
MySql按时,天,周,月进行数据统计
2022/08/14 MySQL