2012-07-08 52 views
1

我有一些單選按鈕在我的HTML表單 這裏是代碼:取消選中無線電

slovenský <input type="radio" name="jazyk1" value="1" style="margin-right: 20px; margin-bottom: 15px;" /> 
český  <input type="radio" name="jazyk1" value="2" style="margin-right: 20px; margin-bottom: 15px;" /> 
anglický <input type="radio" name="jazyk1" value="3" style="margin-right: 20px; margin-bottom: 15px;" /> 
<br /> 
nemecký <input type="radio" name="jazyk1" value="4" style="margin-right: 20px; margin-bottom: 15px;" /> 
francúzsky<input type="radio" name="jazyk1" value="5" style="margin-right: 20px; margin-bottom: 15px;" /> 
španielsky<input type="radio" name="jazyk1" value="6" style="margin-right: 20px; margin-bottom: 15px;" /> 
<br /> 
taliansky <input type="radio" name="jazyk1" value="7" style="margin-right: 20px; margin-bottom: 15px;" /> 
ruský  <input type="radio" name="jazyk1" value="8" style="margin-right: 20px; margin-bottom: 15px;" /> 
maďarský <input type="radio" name="jazyk1" value="9" style="margin-right: 20px; margin-bottom: 15px;" /> 
<br /> 
poľský <input type="radio" name="jazyk1" value="10" style="margin-right: 20px; margin-bottom: 15px;" /> 

,我想添加有鏈接重置單選按鈕,但僅此單選按鈕,因爲我希望有更多的一種形式的單選按鈕......你能幫助我嗎?

+0

JaktožetamnemášEsperanto? :D – m93a 2012-09-27 05:43:09

回答

5

假設像下面的鏈接:

<a href="#" id="uncheck">Uncheck</a> 

和相應jQuery的uncheckradio S:

$('#uncheck').on('click', function(e) { 
    e.preventDefault(); // prevent page reload, you can remove it if you don't want 
    $(':radio[name=jazyk1]').prop('checked', false); 
}); 

這裏,:radio[name=jazyk1]與名稱完全jazyk1僅單選按鈕。因此,如果您的其他radio s不具有相同的名稱,則上述代碼僅適用於radio以上。

而是link標籤,你也可以使用其他類似button

+0

不適合我:/我使用jquery-1.6.4 – Geril 2012-07-08 20:59:22

2

對於thecodeparadox答案 你也可以使用的,而不是$(':radio[name=jazyk1]').attr('checked', false);$(':radio[name=jazyk1]').prop('checked', false);還將努力相同。 attr是使用元素屬性玩的最常用的jQuery方法。

+0

你的參考是什麼?也許你的意思是'.attr'是最常被誤解的jQuery方法 – Esailija 2012-07-08 17:03:28

+0

不是@Esailija,我的意思是說它最常用的方法。 – Vins 2012-07-08 17:47:03

0

讓用戶重置一組單選按鈕的(僅)可靠的方式是包括代表「虛擬」選擇或實際上「不選」的附加按鈕,例如,

<label for="no-select">Jazyk nie je vybraté</label> 
<input type="radio" name="jazyk1" value="0" checked="checked" id="no-select" 
     style="margin-right: 20px; margin-bottom: 15px;" /> 

處理表單數據(服務器端或客戶端),那麼就需要相應地處理這個選擇的代碼:jazyk1=0意味着沒有選擇作出,無論是由於用戶沒有點擊任何這些單選按鈕或他已經撤消了選擇。在這種情況下,特殊值0需要不是真正的價值。

相關問題