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 设置标题的自动翻转
Oct 03 Javascript
web页面数据展示新想法(json)
Jun 08 Javascript
JavaScript function函数种类详解
Feb 22 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
将form表单通过ajax实现无刷新提交的简单实例
Oct 12 Javascript
js实现鼠标移动到图片产生遮罩效果
Oct 21 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 Javascript
JavaScript数组排序小程序实现解析
Jan 13 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
Aug 14 Javascript
vue使用echarts实现折线图
Mar 21 Vue.js
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
基于mysql的论坛(1)
2006/10/09 PHP
php中的ini配置原理详解
2014/10/14 PHP
十个优秀的Ajax/Javascript实例网站收集
2010/03/31 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
2013/03/29 Javascript
javascript相等运算符与等同运算符详细介绍
2013/11/09 Javascript
JavaScript 作用域链解析
2014/11/13 Javascript
javascript定时器完整实例
2015/02/10 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
2015/08/15 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
2016/12/27 Javascript
JavaScript解析JSON格式数据的方法示例
2017/01/24 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
JavaScript中数组常见操作技巧
2017/09/01 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队!”
2015/12/27 DOTA
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
python实现ID3决策树算法
2017/12/20 Python
django 修改server端口号的方法
2018/05/14 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
python2 中 unicode 和 str 之间的转换及与python3 str 的区别
2019/07/25 Python
Django框架 querySet功能解析
2019/09/04 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
HTML5 预加载让页面得以快速呈现
2013/08/13 HTML / CSS
少儿节目主持串词
2014/04/02 职场文书
生产车间标语
2014/06/11 职场文书
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
庆祝教师节标语
2014/10/09 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
普通党员个人整改措施
2014/10/27 职场文书
领导干部“四风”查摆问题个人整改措施
2014/10/28 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
活动费用申请报告
2015/05/15 职场文书
超市店长竞聘书
2015/09/15 职场文书