Jquery為單選框checkbox綁定單擊click事件
更新時(shí)間：2012年12月18日 14:45:33 作者：
有些時(shí)候可能需要用到腳本為一些窗體綁定事件:比如Jquery為單選框checkbox綁定單擊事件,本人搜索整理一些常用技巧，需要了解的朋友可以參考下
一、假設(shè)有如下一段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);
二、假設(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);
}
復(fù)制代碼 代碼如下:
<dd id="1">
<input id="checkbox-518" class="imagezz" name type="checkbox" value="518">
</dd>
選中事件（根據(jù)選中情況修改上一層背景）：
復(fù)制代碼 代碼如下:
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();
}
綁定事件：
復(fù)制代碼 代碼如下:
$(#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事件
復(fù)制代碼 代碼如下:
$(document).ready(function(){
$(".imagezz").click($test_image_check_box_click);
}
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery zTree插件使用的簡(jiǎn)單教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08
jQuery prototype沖突的2種解決方法(附demo示例下載)
這篇文章主要介紹了jQuery prototype沖突的2種解決方法,分析了針對(duì)jQuery中添加代碼與沖突位置添加代碼2種情況,并附帶demo示例供讀者下載參考,需要的朋友可以參考下2016-01-01
jQuery remove()過(guò)濾被刪除的元素（推薦）
jQuery remove() 方法也可接受一個(gè)參數(shù)，允許您對(duì)被刪元素進(jìn)行過(guò)濾。下面通過(guò)實(shí)例代碼給大家介紹jQuery remove()過(guò)濾被刪除的元素，需要的的朋友參考下吧2017-07-07
jQuery實(shí)現(xiàn)動(dòng)態(tài)粒子效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)粒子效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
遮罩在某些情況下還是比較實(shí)用的，下面為大家介紹下如何為指定的元素添加遮罩層，感興趣的朋友可以了解下2014-01-01
jquery-ui 進(jìn)度條功能示例【測(cè)試可用】
這篇文章主要介紹了jquery-ui 進(jìn)度條功能,結(jié)合完整實(shí)例形式分析了jquery-ui 結(jié)合時(shí)間函數(shù)實(shí)現(xiàn)進(jìn)度條功能相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
jQuery實(shí)現(xiàn)貪吃蛇小游戲（附源碼下載）
網(wǎng)上關(guān)于JS實(shí)現(xiàn)貪吃蛇的文章有很多，最近閑來(lái)無(wú)事，想著利用jQury來(lái)實(shí)現(xiàn)貪吃蛇小游戲，下面實(shí)現(xiàn)這篇文章主要介紹了利用jQuery實(shí)現(xiàn)貪吃蛇小游戲的方法，文中給出的是吸納思路和示例代碼，需要的朋友可以參考下。2017-03-03
jquery實(shí)現(xiàn)刪除一個(gè)元素后面的所有元素功能
這篇文章主要介紹了jquery實(shí)現(xiàn)刪除一個(gè)元素后面的所有元素功能，操作簡(jiǎn)單方便，感興趣的小伙伴們可以參考一下2015-12-12
自己寫(xiě)的一個(gè)菜單(因?yàn)槭浅鯇W(xué) 不知道能不能算無(wú)限級(jí))2010-05-05
jquery實(shí)現(xiàn)table鼠標(biāo)經(jīng)過(guò)變色代碼
table鼠標(biāo)經(jīng)過(guò)變色的效果想必大家都有見(jiàn)到過(guò)吧，其實(shí)實(shí)現(xiàn)很簡(jiǎn)單，在本文有個(gè)不錯(cuò)的示例，感興趣的朋友可以學(xué)習(xí)下2013-09-09