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 相关文章推荐
常用参考资料(手册)下载或者链接
Jul 22 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
js实现简洁大方的二级下拉菜单效果代码
Sep 01 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 Javascript
Angularjs 制作购物车功能实例代码
Sep 14 Javascript
详解浏览器渲染页面过程
Feb 09 Javascript
php输出全部gb2312编码内的汉字方法
Mar 04 Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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
文件上传程序的全部源码
2006/10/09 PHP
PHP5 安装方法
2007/01/15 PHP
PHP向浏览器输出内容的4个函数总结
2014/11/17 PHP
ThinkPHP中数据操作案例分析
2015/09/27 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
JavaScript运行时库属性一览表
2014/03/14 Javascript
jQuery使用andSelf()来包含之前的选择集
2014/05/19 Javascript
JavaScript中switch判断容易犯错的一个细节
2014/08/27 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
很酷的星级评分系统原生JS实现
2016/08/25 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
python实现从web抓取文档的方法
2014/09/26 Python
python list多级排序知识点总结
2019/10/23 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
Canvas制作的下雨动画的示例
2018/03/06 HTML / CSS
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
仓管员岗位职责范文
2013/11/08 职场文书
医学专业毕业生推荐信
2013/11/14 职场文书
制衣厂各岗位职责
2013/12/02 职场文书
优秀毕业生自荐信范文
2014/01/01 职场文书
感情真挚的毕业生求职信
2014/07/19 职场文书
鉴史问廉观后感
2015/06/10 职场文书
昆虫记读书笔记
2015/06/26 职场文书
公司规章制度范本
2015/08/03 职场文书
详解nodejs内置模块
2021/05/06 NodeJs
MySQL大小写敏感的注意事项
2021/05/24 MySQL