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>
選中事件（根據(jù)選中情況修改上一層背景）：
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>
選中事件（根據(jù)選中情況修改上一層背景）：
復制代碼 代碼如下:
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實現(xiàn)簡易商城系統(tǒng)項目實操
這篇文章主要介紹了jQuery實現(xiàn)簡易商城系統(tǒng)項目實操，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，感興趣的小伙伴可以參考一下2022-06-06![jQuery 練習[一] 學習jquery的準備工作](http://img.jbzj.com/images/xgimg/bcimg1.png)
初次嘗試 jQuery, 近乎震撼! 簡潔、高效、優(yōu)雅、平易, 太有思想了.2010-05-05
基于jQuery的彈出警告對話框美化插件(警告，確認和提示)
jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)(翻譯)2010-06-06
基于JQUERY的兩個ListBox子項互相調(diào)整的實現(xiàn)代碼
基于JQUERY的兩個ListBox子項互相調(diào)整的實現(xiàn)代碼，需要的朋友可以參考下。2011-05-05
jQuery插件之jQuery.Form.js用法實例分析(附demo示例源碼)
這篇文章主要介紹了jQuery插件之jQuery.Form.js用法,結合實例形式分析了jQuery.Form.js的具體使用技巧與相關注意事項,需要的朋友可以參考下2016-01-01
基于jQuery實現(xiàn)網(wǎng)頁進度顯示插件
這篇文章主要介紹了基于jQuery實現(xiàn)網(wǎng)頁進度顯示插件的實現(xiàn)方法以及源碼下載，十分的詳細，并自帶2種皮膚，這里推薦給小伙伴們。2015-03-03
jQuery插件fullPage.js實現(xiàn)全屏滾動效果
這篇文章主要為大家詳細介紹了jQuery全屏滾動插件fullPage.js的使用方法，可制作全屏滾動網(wǎng)頁,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了jquery 設置style:display的方法,需要的朋友可以參考下2015-01-01
jQuery實現(xiàn)從身份證號中獲取出生日期和性別的方法分析
這篇文章主要介紹了jQuery實現(xiàn)從身份證號中獲取出生日期和性別的方法,結合實例形式分析了jQuery數(shù)學運算與字符串操作相關技巧,需要的朋友可以參考下2016-02-02
基于jquery fly插件實現(xiàn)加入購物車拋物線動畫效果
在購物網(wǎng)站中，加入購物車的功能是必須的功能，有的網(wǎng)站在用戶點擊加入購物車按鈕時，就會出現(xiàn)該商品從點擊出以拋物線的動畫相似加入購物車，這個功能看起來非常炫，對用戶體驗也有一定的提高。下面介紹基于jquery fly插件實現(xiàn)加入購物車拋物線動畫效果2016-04-04