javascript - 防止用户更改单选按钮的状态

Question

我试图阻止用户使用 jquery 或 javascript 更改单选按钮的状态。我可以使用 disabled 属性来做到这一点，但我不喜欢灰色的外观。我正在向用户展示我的一个模型的真/假状态，所以我不希望他们能够更改它。根据模型，组中只有一个单选按钮处于选中状态 (true) 或未选中状态 (false)，因此他们无法取消选中它，但可以选中并更改单选按钮状态。单选按钮不会以表单形式提交，因此它仅用于从数据库/模型中读取，但如果他们将其更改为数据库中实际存在的相反值，那将是糟糕的用户体验。这是我对 jquery 和 html 结构的最新尝试。

<input type="radio" checked="checked">

或

<input type="radio">

和 jquery

$(document).ready(function () {
    $(input[type = "radio"]).change(function () {
        $(this).removeAttr("checked");
    });
});

Answer 1

怎么样

<input type="radio" onclick="return false;"/>

或

$(document).ready(function () {
    $(input[type = "radio"]).click(function () {
        return false;
    });
});

?