Jquery为单选框checkbox绑定单击click事件
更新时间：2012年12月18日 14:45:33 作者：
有些时候可能需要用到脚本为一些窗体绑定事件:比如Jquery为单选框checkbox绑定单击事件,本人搜索整理一些常用技巧，需要了解的朋友可以参考下
一、假设有如下一段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);
}
复制代码 代码如下:
<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);
}
相关文章
这篇文章主要为大家详细介绍了jQuery zTree插件使用的简单教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-08-08
jQuery prototype冲突的2种解决方法(附demo示例下载)
这篇文章主要介绍了jQuery prototype冲突的2种解决方法,分析了针对jQuery中添加代码与冲突位置添加代码2种情况,并附带demo示例供读者下载参考,需要的朋友可以参考下2016-01-01
jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。下面通过实例代码给大家介绍jQuery remove()过滤被删除的元素，需要的的朋友参考下吧2017-07-07
这篇文章主要为大家详细介绍了jQuery实现动态粒子效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
遮罩在某些情况下还是比较实用的，下面为大家介绍下如何为指定的元素添加遮罩层，感兴趣的朋友可以了解下2014-01-01
这篇文章主要介绍了jquery-ui 进度条功能,结合完整实例形式分析了jquery-ui 结合时间函数实现进度条功能相关操作技巧,需要的朋友可以参考下2019-07-07
网上关于JS实现贪吃蛇的文章有很多，最近闲来无事，想着利用jQury来实现贪吃蛇小游戏，下面实现这篇文章主要介绍了利用jQuery实现贪吃蛇小游戏的方法，文中给出的是吸纳思路和示例代码，需要的朋友可以参考下。2017-03-03
这篇文章主要介绍了jquery实现删除一个元素后面的所有元素功能，操作简单方便，感兴趣的小伙伴们可以参考一下2015-12-12
自己写的一个菜单(因为是初学 不知道能不能算无限级)2010-05-05
table鼠标经过变色的效果想必大家都有见到过吧，其实实现很简单，在本文有个不错的示例，感兴趣的朋友可以学习下2013-09-09
最新评论