禁用单选按钮，然后单击

Question

我需要一些帮助，请 这是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的或库

Answer 1

使用此：

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

我们正在做的，就是当用户点击一个单选按钮，关闭所有无线电设备使用相同的名称。

希望这会有所帮助。 干杯。

Answer 2

试试这个：

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

我建议你在你的输入中添加label标签。当用户单击文本单选按钮时会导致更改。

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

Answer 3

的jsfiddle例如

http://jsfiddle.net/nhZXg/

代码

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

这是做它的一般方式。

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

或

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

Answer 4

使用JavaScript，你可以使用这样一个解决方案：

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

Answer 5

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




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