HTML複選框作爲按鈕 - 包含標籤和按鈕作爲可點擊區域

我使用引導程序3和帶有標籤的複選框。點擊時，我設法使標籤勾選複選框，但周圍的按鈕設計不允許使用此功能。HTML複選框作爲按鈕 - 包含標籤和按鈕作爲可點擊區域

<div class="btn btn-primary"><form action="link.php" method="post"> 
    <label for="jevattend_id">This is the label</label> 
    <input type="checkbox" name="jevattend" id="jevattend_id" value="1" onclick="form.submit();"/> 
</form></div>

爲了說清楚有一個看看的jsfiddle：http://jsfiddle.net/etpq2/

我想剔掉單擊剛剛按鈕，即使框。

謝謝

來源

2014-06-14 MS1

把標籤周圍你想要的東西已經點擊，使複選框改變狀態 – Popnoodles

中的jsfiddle代碼工作對我蠻好。點擊標籤切換複選框。 – Quentin

@Quentin「即使點擊按鈕，我也想打勾」 – Popnoodles

更好地把標籤圍繞要已經單擊以使複選框改變狀態的東西。
在這種情況下，只需將按鈕類應用於標籤。該表單不屬於該按鈕。

<form action="link.php" method="post"> 
    <label class="btn btn-primary"> 
     This is the label 
     <input type="checkbox" name="jevattend" id="jevattend_id" value="1" onclick="form.submit();"/> 
    </label> 
</form>

http://jsfiddle.net/etpq2/3/

來源

2014-06-14 14:19:04 Popnoodles

謝謝！這沒有竅門:) – MS1

正是我所說的。你很聰明 – albert

祝賀你知道我和解決這個問題一樣。Commiserations不知道如何正確回答問題。 – Popnoodles

-2

包裹輸入元素在你的標籤，使得整個區域點擊，其可用性

來源

2014-06-14 14:05:06 albert

是你嗎開玩笑吧......這個答案跟被接受的答案完全一樣，你們是弱醬油，其實我的回答比較好，因爲它解決了更多的話題，比如可用性。評論。還有英文。go for it。 – albert

不，這不是一個答案，這是一個評論。答案將包括解決問題的代碼。 – Popnoodles

HTML複選框作爲按鈕 - 包含標籤和按鈕作爲可點擊區域

回答

相關問題