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>

我有这个HTML所以我想要知道的是如何在用户点击单选按钮时禁用单选按钮因为当用户点击单选按钮时， update（）函数会更改值如果他继续点击那么每次点击时值都会改变或者如果他点击兄弟单选按钮
所以请任何人告诉我如何禁用单选按钮
一旦用户点击它例如在match1中如果用户选择teamA单选按钮，那么我想要禁用teamA和teamB单选按钮
如果他点击则匹配match2，然后禁用clciked radio和兄弟广播以及

感谢您的阅读，任何人都可以帮助我我可以使用普通的js，jquery或库

Answer 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');

Answer 2

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

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

Answer 3

试试这个：

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

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

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

Answer 4

使用此：

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

我们正在做的是，当用户点击单选按钮时，禁用所有具有相同名称的无线电。

希望这会有所帮助。欢呼声。

Answer 5

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




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

单击后禁用单选按钮

5 个答案: