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 相关文章推荐
Code:findPosX 和 findPosY
Dec 20 Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
关于图片的预加载过程中隐藏未知的
Dec 19 Javascript
图片上传插件jquery.uploadify详解
Nov 15 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
JS删除字符串中重复字符方法
Mar 09 Javascript
JS模拟的Map类实现方法
Jun 17 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
Mar 04 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
May 10 Javascript
Javascript实现找不同色块的游戏
Jul 17 Javascript
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
JavaScript代理模式原理与用法实例详解
Mar 10 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数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
php session劫持和防范的方法
2013/11/12 PHP
jquery高效反选具体实现
2013/05/05 Javascript
js调用后台servlet方法实例
2013/06/09 Javascript
js 窗口抖动示例
2013/09/04 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
AngularJS入门教程之静态模板详解
2016/08/18 Javascript
javascript读取文本节点方法小结
2016/12/15 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
详解基于node.js的脚手架工具开发经历
2019/01/28 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
js实现随机点名功能
2020/12/23 Javascript
详解Python3的TFTP文件传输
2018/06/26 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
Python生成MD5值的两种方法实例分析
2019/04/26 Python
Python中的支持向量机SVM的使用(附实例代码)
2019/06/26 Python
Python3 执行Linux Bash命令的方法
2019/07/12 Python
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
Keras在训练期间可视化训练误差和测试误差实例
2020/06/16 Python
python 下载文件的几种方法汇总
2021/01/06 Python
详解css3 object-fit属性
2018/07/27 HTML / CSS
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
护理专业个人求职简历的自我评价
2013/10/13 职场文书
中专生的个人自我评价
2013/12/11 职场文书
计算机大学生职业生涯规划书范文
2014/02/19 职场文书
个人公开承诺书
2014/03/28 职场文书
小学生期末评语大全
2014/04/21 职场文书
六一儿童节活动总结
2014/08/27 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
员工手册董事长致辞
2015/07/29 职场文书
Golang 结构体数据集合
2022/04/22 Golang