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 相关文章推荐
javascript 最常用的10个自定义函数[推荐]
Dec 26 Javascript
JavaScript 读取元素的CSS信息的代码
Feb 07 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
Jan 23 Javascript
JavaScript中跨域调用Flash的方法
Aug 11 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
jQuery实现自定义事件的方法
Apr 17 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
JavaScript中this的用法实例分析
Dec 19 Javascript
js+html5实现页面可刷新的倒计时效果
Jul 15 Javascript
让Vue也可以使用Redux的方法
May 23 Javascript
Vue v-text指令简单使用方法示例
Sep 19 Javascript
Vue组件基础用法详解
Feb 05 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 归并排序 数组交集
2011/05/10 PHP
php获得用户ip地址的比较不错的方法
2014/02/08 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
Chrome扩展页面动态绑定JS事件提示错误
2014/02/11 Javascript
js中document.write的那点事
2014/12/12 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
ES6解构赋值的功能与用途实例分析
2017/10/31 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python2.7读取PDF文件的方法示例
2017/07/13 Python
Python虚拟环境的原理及使用详解
2019/07/02 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
python实现TCP文件传输
2020/03/20 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
伦敦哈德森鞋:Hudson Shoes
2018/02/06 全球购物
教师校本培训方案
2014/02/26 职场文书
爽歪歪广告词
2014/03/20 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
奥巴马开学演讲稿
2014/05/15 职场文书
服装发布会策划方案
2014/05/22 职场文书
小学六一儿童节活动方案
2014/08/27 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
JavaScript文档对象模型DOM
2021/11/20 Javascript
面试分析分布式架构Redis热点key大Value解决方案
2022/03/13 Redis