Jquery为单选框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-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);

  }