DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery為單選框checkbox綁定單擊click事件
Jquery為單選框checkbox綁定單擊click事件
編輯:JQuery特效代碼     
一、假設有如下一段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);
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved