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拖拽div实现思路
Feb 19 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
video.js使用改变ui过程
Mar 05 Javascript
js获取地址栏参数的两种方法
Jun 27 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
javascript如何用递归写一个简单的树形结构示例
Sep 06 Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
基于vue2.0动态组件及render详解
Mar 17 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
详解如何webpack使用DllPlugin
Sep 30 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 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
一个改进的UBB类
2006/10/09 PHP
解析PHP中$_FILES的使用以及注意事项
2013/07/05 PHP
PHP函数getenv简介和使用实例
2014/05/12 PHP
PHP跨平台获取服务器IP地址自定义函数分享
2014/12/29 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
PHP将字符串首字母大小写转换的实例
2017/01/21 PHP
PHP ADODB实现事务处理功能示例
2018/05/25 PHP
extjs 为某个事件设置拦截器
2010/01/15 Javascript
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
jquery数组过滤筛选方法grep()简介
2014/06/06 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
原生js仿jquery一些常用方法(必看篇)
2016/09/20 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
2019/02/28 jQuery
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
使用Python AIML搭建聊天机器人的方法示例
2018/07/09 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
Python线程障碍对象Barrier原理详解
2019/12/02 Python
python 实现两个线程交替执行
2020/05/02 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
DJI美国:消费类无人机领域的领导者
2018/04/27 全球购物
机电工程专业应届生求职信
2013/10/03 职场文书
金融专业求职信
2014/08/05 职场文书
2014年护士工作总结范文
2014/11/11 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python