2011-05-05 122 views
1

我需要一些幫助,請 這是HTML禁用單選按鈕,然後單擊

<div> 
<p>match1</p> 
teamA <input type="radio" name="match1" onclick="update('ab');" /> 
teamB <input type="radio" name="match1" onclick="update('ba');" /> 
<p>match2</p> 
teamC <input type="radio" name="match1" onclick="update('ad');" /> 
teamD <input type="radio" name="match1" onclick="update('dc');" /> 
</div> 


<script> 
update(results){.................} 
</script> 

我有這個網站,所以我想我知道什麼是
如何禁用一旦用戶點擊的單選按鈕它
因爲update()函數當用戶點擊單選按鈕
如果他繼續點擊一樣,那麼每個值他點擊
時間更改或改變值,如果他點擊同級單選按鈕
所以請誰能告訴我如何禁用單選按鈕
一旦用戶點擊它
例如像在MATCH1
如果用戶選擇teamA單選按鈕,然後我要禁用兩臺teamA和teamB單選按鈕
同爲MATCH2如果他點擊然後禁用clciked廣播電臺同級藏漢

感謝您閱讀這任何人都可以幫我請
我可以使用純JS,jQuery的或庫

+0

@user,刪除內聯單擊事件,代碼就會乾淨得多 – kobe 2011-05-05 03:45:10

+0

看到這個例子http://jsfiddle.net/nhZXg/ – kobe 2011-05-05 03:54:28

+0

謝謝科比.... – user735205 2011-05-05 04:50:17

回答

0

使用此:

$(":radio").click(function(){ 
    var radioName = $(this).attr("name"); //Get radio name 
    $(":radio[name='"+radioName+"']").attr("disabled", true); //Disable all with the same name 
}); 

我們正在做的,就是當用戶點擊一個單選按鈕,關閉所有無線電設備使用相同的名稱。

希望這會有所幫助。 乾杯。

+0

它不工作:( – user735205 2011-05-05 03:44:56

+0

獲取名稱屬性和做另一個選擇是種多餘的不是它?爲什麼不''(this).attr(「disabled」,true);'?(或'.attr(「disabled」,「disabled」)') – nnnnnn 2011-05-05 03:47:19

+0

禁用接受禁用不正確 – Mohsen 2011-05-05 03:50:08

0

試試這個:

this.setAttribute('disabled','disabled'); 

我建議你在你的輸入中添加label標籤。當用戶單擊文本單選按鈕時會導致更改。

<label>teamA <input type="radio" name="match1" onclick="update('ab');" /></label> 
+0

我在哪裏把該代碼 我已經有一個onclick功能**更新(結果)** – user735205 2011-05-05 03:46:24

+0

你可以包括它在你的onclick,但不建議內聯JavaScript。如果你正在寫一個大項目不這樣做:) – Mohsen 2011-05-05 03:49:26

+0

@user,檢查我的小提琴示例 – kobe 2011-05-05 03:54:59

1

的jsfiddle例如

http://jsfiddle.net/nhZXg/

代碼

$(":radio").click(function(){ 
    $(this).attr('disabled','disabled'); 
}); 

這是做它的一般方式。

jQuery("input:radio").attr('disabled',true); 

jQuery("input:radio").attr('disabled','disabled'); 
+0

它的工作:) ..... – user735205 2011-05-05 04:22:04

+0

如果它的工作,接受他的答案。 :) – 2011-05-05 04:41:33

+0

但在jsfiddle中工作 – user735205 2011-05-05 04:44:47

1

使用JavaScript,你可以使用這樣一個解決方案:

document.getElementById("IDOfButtonElement").onclick = function(){ 
     document.getElementById("IDOfButtonElement").disabled=true; 
    } 
+0

謝謝Jesufer Vn .. – user735205 2011-05-05 04:21:01

0
onclick="update('ad', this);" 




function onclick(word, element){ 
    $(element).attr('disabled', 'disabled'); 
} 
+0

沒有問題 - 這是更多,以禁用被點擊的那個,不知道如果你正在尋找單一的或整個集合,否則我同意其他人在做「:無線電」選擇 – Atticus 2011-05-05 08:24:55

相關問題