jQuery为单选框checkbox绑定单击click事件的方法

单个Checkbox绑定click事件示例

首先，假设存在如下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元素上：

 
$(#checkbox-518).click($test_image_check_box_click);

批量绑定多个Checkbox事件

如果HTML结构中包含多个并列的dd标签，且每个dd内部都有一个class名为imagezz的checkbox，则需要为所有这些checkbox统一绑定预先设定的$test_image_check_box_click事件处理函数。

 
$(document).ready(function(){
$(".imagezz").click($test_image_check_box_click);
}