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的实现回车键Enter切换焦点
Sep 14 Javascript
基于jquery实现等比缩放图片
Dec 03 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
基于JS实现的倒计时程序实例
Jul 24 Javascript
jQuery实现的tab标签切换效果示例
Sep 05 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
基于JS实现仿百度百家主页的轮播图效果
Mar 06 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 Javascript
js正则表达式简单校验方法
Jan 03 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
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
PHP框架性能测试报告
2016/05/08 PHP
php简单统计在线人数的方法
2016/05/10 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
js继承的实现代码
2010/08/05 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
js动画效果制件让图片组成动画代码分享
2014/01/14 Javascript
jquery遍历checkbox的注意事项说明
2014/02/21 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
javascript简易画板开发
2020/04/12 Javascript
JavaScript获取select中text值的方法
2017/02/13 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
Vue官网todoMVC示例代码
2018/01/29 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
nodejs中各种加密算法的实现详解
2019/07/11 NodeJs
微信小程序 wx.getUserInfo引导用户授权问题实例分析
2020/03/09 Javascript
koa中间件核心(koa-compose)源码解读分析
2020/06/15 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
Python 自动化表单提交实例代码
2017/06/08 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
Django Form and ModelForm的区别与使用
2019/12/06 Python
Internet体系结构
2014/12/21 面试题
潘婷洗发水广告词
2014/03/14 职场文书
优秀共产党员推荐材料
2014/12/18 职场文书
倡议书范文大全
2015/04/28 职场文书
白银帝国观后感
2015/06/17 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技