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 Dialog 弹出层对话框插件
Aug 09 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
Dec 12 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
jQuery插件StickUp实现网页导航置顶
Apr 12 Javascript
javascript字符串替换函数如何一次性全部替换掉
Oct 30 Javascript
jquery插件格式实例分析
Jun 16 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
json数据处理及数据绑定
Jan 25 Javascript
react-native fetch的具体使用方法
Nov 01 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
微信小程序拼接图片链接无底洞深入探究
Sep 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
PHP中str_replace函数使用小结
2008/10/11 PHP
PHP实现通过正则表达式替换回调的内容标签
2015/06/15 PHP
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
完美解决Thinkphp3.2中插入相同数据的问题
2017/08/01 PHP
JS图片根据鼠标滚动延时加载的实例代码
2013/07/13 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
使用JS实现图片展示瀑布流效果的实例代码
2016/09/12 Javascript
微信小程序点击控件修改样式实例详解
2017/07/07 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
2018/03/23 jQuery
webpack DllPlugin xxx is not defined解决办法
2019/12/13 Javascript
[00:53]2015国际邀请赛 中国区预选赛一触即发
2015/05/14 DOTA
[47:06]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第一局
2016/03/05 DOTA
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
Python 学习教程之networkx
2019/04/15 Python
python实现大文件分割与合并
2019/07/22 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
Django中的模型类设计及展示示例详解
2020/05/29 Python
如何在Python对Excel进行读取
2020/06/04 Python
印尼最大的婴儿用品购物网站:Orami
2017/09/28 全球购物
保加利亚运动鞋购物网站:SneakerStudio.bg
2020/12/23 全球购物
委托书范文
2014/04/02 职场文书
软件项目开发计划书
2014/05/01 职场文书
大专生自荐书范文
2014/06/22 职场文书
应届生找工作求职信
2014/06/24 职场文书
小学家长学校培训材料
2014/08/24 职场文书
2014年副班长工作总结
2014/12/10 职场文书
公司开会通知
2015/04/20 职场文书
浅谈如何写好演讲稿?
2019/06/12 职场文书
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS