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 相关文章推荐
js 禁用浏览器的后退功能的简单方法
Dec 10 Javascript
JavaScript入门教程(8) Location地址对象
Jan 31 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
Sep 02 Javascript
js 实现浏览历史记录示例
Apr 20 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
详解AngularJS过滤器的使用
Mar 11 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
Bootstrap零基础学习第一课之模板
Jul 18 Javascript
Bootstarp基本模版学习教程
Feb 01 Javascript
详解使用vuex进行菜单管理
Dec 21 Javascript
微信小程序如何调用图片接口API并居中显示
Jun 29 Javascript
vue resource发送请求的几种方式
Sep 30 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/05/15 PHP
php基本函数汇总
2015/07/09 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
laravel5.6 框架邮件队列database驱动简单demo示例
2020/01/26 PHP
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
Javascript的常规数组和关联数组对比小结
2012/05/24 Javascript
JavaScript栏目列表隐藏/显示简单实现
2013/04/03 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
网页防止tab键的使用快速解决方法
2013/11/07 Javascript
javascript事件绑定学习要点
2016/03/09 Javascript
手机端实现Bootstrap简单图片轮播效果
2016/10/13 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
利用Node.js了解与测量HTTP所花费的时间详解
2017/09/22 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
JS解惑之Object中的key是有序的么
2019/05/06 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
2019/09/18 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
python连接数据库的方法
2017/10/19 Python
将TensorFlow的模型网络导出为单个文件的方法
2018/04/23 Python
python发送告警邮件脚本
2018/09/17 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
瑞典的玛丽小姐:Miss Mary of Sweden
2019/02/13 全球购物
德国高尔夫商店:Golfshop.de
2019/06/22 全球购物
Ruby如何定义一个类
2012/10/08 面试题
营销专业应届生求职信
2013/11/26 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
保险内勤岗位职责
2015/04/13 职场文书
2016大学生形势与政策心得体会
2016/01/12 职场文书