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 相关文章推荐
js类 from qq
Nov 13 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 Javascript
JavaScript验证电子邮箱的函数
Aug 22 Javascript
js动态切换图片的方法
Jan 20 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
Nov 21 Javascript
JS onkeypress兼容性写法详解
Apr 27 Javascript
分类解析jQuery选择器
Nov 23 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
vue观察模式浅析
Sep 25 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 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桌面中心(一) 创建数据库
2007/03/11 PHP
PHP控制网页过期时间的代码
2008/09/28 PHP
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
php实现webservice实例
2014/11/06 PHP
php实现的证件照换底色功能示例【人像抠图/换背景图】
2020/05/29 PHP
javascript下对于事件、事件流、事件触发的顺序随便说说
2010/07/17 Javascript
JQuery的$命名冲突详细解析
2013/12/28 Javascript
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
js自定义回调函数
2015/12/13 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
原生js实现省市区三级联动代码分享
2018/02/12 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
微信小程序实现录音时的麦克风动画效果实例
2019/05/18 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
vue element upload实现图片本地预览
2019/08/20 Javascript
vue实现淘宝购物车功能
2020/04/20 Javascript
vue 实现超长文本截取,悬浮框提示
2020/07/29 Javascript
python读写文件操作示例程序
2013/12/02 Python
python实现内存监控系统
2021/03/07 Python
Python动态导入模块的方法实例分析
2018/06/28 Python
Python Django搭建网站流程图解
2020/06/13 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
企业总经理职责
2014/02/02 职场文书
授权委托书范文
2014/07/31 职场文书
个人自我剖析材料
2014/09/30 职场文书
摩登时代观后感
2015/06/03 职场文书
2016国培研修心得体会
2016/01/08 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
Pytorch 如何实现常用正则化
2021/05/27 Python
php去除deprecated的实例方法
2021/11/17 PHP