如何將點擊事件綁定到複選框標籤

我希望javascript/jquery guru能幫助我。如何將點擊事件綁定到複選框標籤

我試圖想出一個辦法來從一個複選框標籤的點擊啓動一個彈出框（的fancybox）。我不想實現點擊時過濾數據的複選框功能。

我會歡迎任何想法，我如何能做到這一點。我試過標籤上的onclick函數，但這不起作用。

我想告訴當你點擊一個人的名字在複選框標籤一個的fancybox。下面是該網站： - （例如：jonathanlyon）

http://monkeygetnews.jonathanlyon.com/bs.php

複選框被動態構建，我需要打開一個的fancybox在標籤上創建一個click事件。下面就來構建複選框代碼： -

<input type="checkbox" id = "dn" value="dept_<?php echo $currdept;?>" onchange="doSearch();return false;" /> 
<label><?php echo $currdept;?></label> 
<ul class="dept_<?php echo $currdept;?>"> 
    <li> 
     <input type="checkbox" name = "un" value="<?php echo $usernames;?>" <?php echo $include;?> onchange="doSearch();return false;" /> 
     <label><?php echo $usernames;?></label> 
    </li> 
<?php 
$dept = $currdept; 
} else { 
?>     
    <li> 
     <input type="checkbox" name = "un" value="<?php echo $usernames;?>" <?php echo $include;?> onchange="doSearch();return false;" /> 
    <label><?php echo $usernames;?></label> 
    </li> 
<?php 
$dept = $currdept; 

} 
?>

感謝

喬納森

來源

2013-02-04 Jonathan Lyon

請在這裏發表摘錄的代碼，而不是一個鏈接到一個無關內容的巨大網頁。 – Barmar

對不起 - 請參閱修改後的問題 –

不要通過環繞或使用'for'將標籤附加到輸入，只需將一個單擊事件附加到標籤，如[** this **]（http://jsfiddle.net/AjXpK /） – adeneo

-1

你需要用checkbox標籤與標籤標籤，使標籤可點擊喜歡

<label><input type="checkbox" name="checkbox" value="value"/>dasfaha</label>

編輯：

對不起。我沒仔細看。以下是如何檢測標籤或複選框。工作原理是，當您單擊無界標籤時，複選框將不會更改。但是，當您單擊複選框時，'：checked'將被更改。因此，您可以放置一個變量來存儲先前檢查的值，然後與檢查的當前值進行比較。

http://jsfiddle.net/Xtyah/

來源

2013-02-04 19:34:23 Minime

這是相反的OP是什麼，因爲點擊標籤將切換複選框 –

簡單說來，你可以使用jQuery這樣

$('label').click(function() { 
    alert($(this).html()); 
}

再次，這是一個非常簡單的例子，就需要改進

來源

2013-02-04 19:37:15 skukx

@JonathanLyon這將在你的代碼工作，因爲點擊標籤不觸發一個複選框切換當前 –

非常感謝，我應該在哪裏添加此代碼？ –

你可以把它放在任何地方。如果你有一個JavaScript文件和所有的JavaScript代碼放在那裏。您可能需要將其包裝在$（document）.ready中以確保dom已加載 – skukx

如何將點擊事件綁定到複選框標籤

回答

相關問題