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 相关文章推荐
firefo xml 读写实现js代码
Jun 11 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
javascript转换日期字符串为Date日期对象的方法
Feb 13 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
详解wepy开发小程序踩过的坑(小结)
May 22 Javascript
微信小程序实现蒙版弹出窗功能
Sep 17 Javascript
Vue watch响应数据实现方法解析
Jul 10 Javascript
如何基于viewport vm适配移动端页面
Nov 13 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对图像的各种处理函数代码小结
2013/07/08 PHP
php比较相似字符串的方法
2015/06/05 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
深入浅析Yii admin的权限控制
2016/08/31 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
js或css实现滚动广告的几种方案
2010/01/28 Javascript
javascript中的prototype属性实例分析说明
2010/08/09 Javascript
xss文件页面内容读取(解决)
2010/11/28 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
2020/07/29 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
js实现缓动动画
2020/11/25 Javascript
Python实现SMTP发送邮件详细教程
2021/03/02 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
Python实现SSH远程登陆,并执行命令的方法(分享)
2017/05/08 Python
浅谈python装饰器探究与参数的领取
2017/12/01 Python
python 实现读取csv数据,分类求和 再写进 csv
2020/05/18 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
关于HTML5语义标签的实践(blog页面)
2016/07/12 HTML / CSS
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
职高毕业生自我鉴定
2013/10/21 职场文书
高一物理教学反思
2014/01/24 职场文书
新书发布会策划方案
2014/06/09 职场文书
妈妈活动方案
2014/08/15 职场文书
个人欠款协议书范本2014
2014/11/02 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
2014年班务工作总结
2014/12/02 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
MySQL普通表如何转换成分区表
2022/05/30 MySQL