单击后禁用单选按钮

我需要一些帮助，这是html

 
match1
 teamA  teamB  
match2
 teamC  teamD  
  update(results){.................}  

我有这个HTML所以我想知道的是
如何在用户点击单选按钮后禁用单选按钮
因为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

使用Javascript，您可以使用这样的解决方案：

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

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

试试这个：

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

我建议你在输入周围添加label 。 当用户点击文本单选按钮更改时，它会导致。

 teamA  

Answer 5

 onclick="update('ad', this);" function onclick(word, element){ $(element).attr('disabled', 'disabled'); }