javascript - 选择一个按钮后如何使其他单选按钮变灰直到刷新

Question

希望有人能提示我正确的方向， 我想要一个简单的 3 单选按钮形式，比方说 1,2,3 选择 1 后，我想禁用选项 2 和 3，直到页面刷新 所以也许这些选项会变灰并且无法选择

感谢任何帮助在谷歌上找不到东西

Answer 1

我们将单选按钮分组在一个 div 中:

<div class="readioBtnDiv">
    <input type="radio" name="group1" value="1" />1
</div>
<div class="readioBtnDiv">
    <input type="radio" name="group2" value="1" />2
</div>
<div class="readioBtnDiv">
    <input type="radio" name="group3" value="1" />3
</div>

现在我们将在选择一个单选按钮时禁用另一个单选按钮:

$("input:radio").click(function() {
    var $this = $(this);
    var value = $this.val();
    $this.closest('.readioBtnDiv') 
        .siblings('.readioBtnDiv') 
        .find('input:radio[value="' + value + '"]') 
        .attr("disabled","disabled"); 
});