2

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

我有这个 html，所以我想知道的是
，一旦用户单击它，我如何禁用单选按钮，
因为update() 函数会在用户单击单选按钮时更改值，
如果他继续单击，那么值会更改每个他单击的时间
或单击同级单选按钮的时间
，所以请任何人告诉我如何在
用户单击它后禁用单选按钮
，例如在match1中
，如果用户选择了teamA单选按钮，那么我想同时禁用teamA和teamB单选
按钮对于match2，如果他单击则禁用已单击的收音机和同级收音机

感谢您阅读本文，任何人都可以帮助我吗
？我可以使用纯 js、jquery 或库

4

5 回答 5

1

用这个：

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

我们正在做的是，当用户单击单选按钮时，禁用所有具有相同名称的收音机。

希望这可以帮助。干杯。

于 2011-05-05T03:41:13.880 回答
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');
于 2011-05-05T03:42:09.350 回答
1

使用 Javascript，您可以使用如下解决方案：

    document.getElementById("IDOfButtonElement").onclick = function(){
        document.getElementById("IDOfButtonElement").disabled=true;
    }
于 2011-05-05T03:44:09.277 回答
0

试试这个：

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

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

<label>teamA <input type="radio" name="match1" onclick="update('ab');" /></label>
于 2011-05-05T03:40:41.703 回答
0 
onclick="update('ad', this);"




function onclick(word, element){
    $(element).attr('disabled', 'disabled');
 }
于 2011-05-05T03:56:20.287 回答