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 风格的HTML文本转义
Jul 01 Javascript
jQuery选择头像并实时显示的代码
Jun 27 Javascript
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
jquery动态增加删除表格行的小例子
Nov 14 Javascript
js中键盘事件实例简析
Jan 10 Javascript
异步JS框架的作用以及实现方法
Oct 29 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
bootstrap模态框垂直居中效果
Dec 03 Javascript
js制作简单的音乐播放器的示例代码
Aug 28 Javascript
详解VueJs中的V-bind指令
May 03 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
Aug 07 Javascript
前端 javascript 实现文件下载的示例
Nov 24 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 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
php 多线程上下文中安全写文件实现代码
2009/12/28 PHP
PHP遍历二维数组的代码
2011/04/22 PHP
CI框架学习笔记(二) -入口文件index.php
2014/10/27 PHP
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
React学习笔记之条件渲染(一)
2017/07/02 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
vue 防止页面加载时看到花括号的解决操作
2020/11/09 Javascript
详解python开发环境搭建
2016/12/16 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
python登录并爬取淘宝信息代码示例
2017/12/09 Python
python实现随机森林random forest的原理及方法
2017/12/21 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
Python列表如何更新值
2020/05/27 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
几个数据库方面的面试题
2016/07/01 面试题
函授自我鉴定
2013/11/06 职场文书
员工年终演讲稿
2014/01/03 职场文书
幼儿园新年寄语
2014/04/03 职场文书
委托证明书
2014/09/17 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
锅炉工岗位职责
2015/02/13 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL