Jquery为单选框checkbox绑定单击click事件

2019-12-24,,,

一、假设有如下一段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);
}

您可能感兴趣的文章:

  • jQuery判断checkbox是否选中的3种方法
  • JQuery触发radio或checkbox的change事件
  • jquery判断checkbox(复选框)是否被选中的代码
  • jquery操作复选框(checkbox)的12个小技巧总结
  • JQuery对checkbox操作 (循环获取)
  • jquery实现全选、反选、获得所有选中的checkbox
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • Jquery遍历checkbox获取选中项value值的方法
  • JQUERY复选框CHECKBOX全选,取消全选
  • jquery.tagsinput.js实现记录checkbox勾选的顺序

《Jquery为单选框checkbox绑定单击click事件.doc》

下载本文的Word格式文档,以方便收藏与打印。