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 相关文章推荐
Extjs中通过Tree加载右侧TabPanel具体实现
May 05 Javascript
js获取input标签的输入值实现代码
Aug 05 Javascript
动态加载JS文件的三种方法
Nov 08 Javascript
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
node.js中的fs.fchown方法使用说明
Dec 16 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
ES6学习教程之对象字面量详解
Oct 09 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
通过实例了解js函数中参数的传递
Jun 15 Javascript
JS回调函数深入理解
Oct 16 Javascript
Layui事件监听的实现(表单和数据表格)
Oct 17 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
Jul 18 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
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
用php来改写404错误页让你的页面更友好
2013/01/24 PHP
PHP连接操作access数据库实例
2015/03/30 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
Yii配置与使用memcached缓存的方法
2016/07/13 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
2014/04/18 Javascript
js与jquery回车提交的方法
2015/02/03 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
创建自己的jquery表格插件
2015/11/25 Javascript
Javascript this 函数深入详解
2016/12/13 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
2017/02/14 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
2019/01/16 Javascript
带你使用webpack快速构建web项目的方法
2020/11/12 Javascript
[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28
2020/10/28 DOTA
Python字符遍历的艺术
2008/09/06 Python
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
python批量处理文件或文件夹
2020/07/28 Python
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
一名毕业生的自我鉴定
2013/12/04 职场文书
播音主持专业个人自我评价
2014/01/09 职场文书
班级入场式解说词
2014/02/01 职场文书
2014年小学数学教师工作总结
2014/12/03 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
2015年党员自评材料
2014/12/17 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
虚拟机linux端mysql数据库无法远程访问的解决办法
2021/05/26 MySQL