Jquery為單選框checkbox綁定單擊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);
二、假設(shè)html中有很多并列的dd標(biāo)簽,每個(gè)dd標(biāo)簽中有一個(gè)checkbox,class名都為imagezz,對(duì)于每個(gè)checkbox都綁定事先設(shè)定的$test_image_check_box_click事件
$(document).ready(function(){
$(".imagezz").click($test_image_check_box_click);
}
相關(guān)文章
jQuery實(shí)現(xiàn)簡(jiǎn)易商城系統(tǒng)項(xiàng)目實(shí)操
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易商城系統(tǒng)項(xiàng)目實(shí)操,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,感興趣的小伙伴可以參考一下2022-06-06jQuery 練習(xí)[一] 學(xué)習(xí)jquery的準(zhǔn)備工作
初次嘗試 jQuery, 近乎震撼! 簡(jiǎn)潔、高效、優(yōu)雅、平易, 太有思想了.2010-05-05基于jQuery的彈出警告對(duì)話框美化插件(警告,確認(rèn)和提示)
jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)(翻譯)2010-06-06基于JQUERY的兩個(gè)ListBox子項(xiàng)互相調(diào)整的實(shí)現(xiàn)代碼
基于JQUERY的兩個(gè)ListBox子項(xiàng)互相調(diào)整的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-05-05jQuery插件之jQuery.Form.js用法實(shí)例分析(附demo示例源碼)
這篇文章主要介紹了jQuery插件之jQuery.Form.js用法,結(jié)合實(shí)例形式分析了jQuery.Form.js的具體使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-01-01基于jQuery實(shí)現(xiàn)網(wǎng)頁進(jìn)度顯示插件
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)網(wǎng)頁進(jìn)度顯示插件的實(shí)現(xiàn)方法以及源碼下載,十分的詳細(xì),并自帶2種皮膚,這里推薦給小伙伴們。2015-03-03jQuery插件fullPage.js實(shí)現(xiàn)全屏滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jQuery全屏滾動(dòng)插件fullPage.js的使用方法,可制作全屏滾動(dòng)網(wǎng)頁,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12jquery 設(shè)置style:display的方法
這篇文章主要介紹了jquery 設(shè)置style:display的方法,需要的朋友可以參考下2015-01-01jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法,結(jié)合實(shí)例形式分析了jQuery數(shù)學(xué)運(yùn)算與字符串操作相關(guān)技巧,需要的朋友可以參考下2016-02-02基于jquery fly插件實(shí)現(xiàn)加入購(gòu)物車拋物線動(dòng)畫效果
在購(gòu)物網(wǎng)站中,加入購(gòu)物車的功能是必須的功能,有的網(wǎng)站在用戶點(diǎn)擊加入購(gòu)物車按鈕時(shí),就會(huì)出現(xiàn)該商品從點(diǎn)擊出以拋物線的動(dòng)畫相似加入購(gòu)物車,這個(gè)功能看起來非常炫,對(duì)用戶體驗(yàn)也有一定的提高。下面介紹基于jquery fly插件實(shí)現(xiàn)加入購(gòu)物車拋物線動(dòng)畫效果2016-04-04