jquery - 如何仅通过单击选择选项来触发单选按钮

Question

我希望有一个仅由选择选项的“onclick”触发的单选按钮。我不希望用户能够手动更改单选按钮。有没有办法做到这一点。这是我用于更改单选按钮的代码（它有效），但用户仍然可以在事后更改它：

$("#button1").prop('checked',true);
$("#strategies").mouseup(function() {
    if(strat == $("#strategies").val()) {
        $("#button1").prop('checked',true);
        $("#why").hide();
        $("#whyNo").show();
    }
    else {
        $("#button2").prop('checked',true);
        $("#whyNo").hide();
        $("#why").show();
    }

});

html:

<input type="radio" id="button1" name="switch" value="0">No Switch<br>
<input type="radio" id="button2" name="switch" value="1">Switch<br>

任何建议将不胜感激。

Answer 1

在 HTML 中，输入字段有一个属性，称为禁用。但是，我不确定如何在 Javascript 中操作它。

<input type="radio" disabled>

或者

<input type="radio" disabled="disabled">

请记住，某些浏览器可能会将其呈现为“灰色”。

w3schools 输入标签

w3c 建议

Answer 2

你试过这个吗？

$('input[name="switch"]').click(function () {
    return false;
});