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 简便实现页面元素数据验证功能
Mar 24 Javascript
JSChart轻量级图形报表工具(内置函数中文参考)
Oct 11 Javascript
JQuery的Ajax跨域请求原理概述及实例
Apr 26 Javascript
JS画5角星方法介绍
Sep 17 Javascript
JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
Apr 19 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
微信小程序 slot踩坑的解决
Apr 01 Javascript
JS中的算法与数据结构之列表(List)实例详解
Aug 16 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
JS前端使用canvas实现扩展物体类和事件派发
Aug 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的计数器程序
2006/10/09 PHP
简单的php 验证图片生成函数
2009/05/21 PHP
php模板原理讲解
2013/11/13 PHP
php数组和链表的区别总结
2019/09/20 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
Array.prototype.slice.apply的使用方法
2010/03/17 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
JS+HTML5 FileReader对象用法示例
2017/04/07 Javascript
深入解析js轮播插件核心代码的实现过程
2017/04/14 Javascript
Vue 进阶教程之v-model详解
2017/05/06 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
2017/07/10 Javascript
angularjs中判断ng-repeat是否迭代完的实例
2018/09/12 Javascript
详解babel升级到7.X采坑总结
2019/05/12 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
2019/09/05 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
微信小程序实现点击生成随机验证码
2020/09/09 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
python实现查询苹果手机维修进度
2015/03/16 Python
Python使用遗传算法解决最大流问题
2018/01/29 Python
Python3中列表list合并的四种方法
2019/04/19 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
谈谈python垃圾回收机制
2020/09/27 Python
Python tempfile模块生成临时文件和临时目录
2020/09/30 Python
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
大学信息公开实施方案
2014/03/09 职场文书
视光学专业自荐信
2014/06/24 职场文书
婚育证明格式
2015/06/17 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python