防止用户改变单选按钮的状态

Ben*_*Ben 3 html javascript asp.net-mvc jquery radio-button

我试图阻止用户使用jquery或javascript更改单选按钮的状态.我可以用残疾人的财产这样做,但我不喜欢灰色的外观.我向用户显示我的某个模型的真/假状态,因此我不希望他们能够更改它.根据模型,组中只有一个单选按钮被选中(true)或未选中(false),因此它们无法取消选中它,但可以检查和更改单选按钮状态.单选按钮不会以表格形式提交,因此它仅用于从数据库/模型中读取,但如果将其更改为实际在数据库中的相反值,则会出现糟糕的用户体验.这是我对jquery和html结构的最新尝试.

<input type="radio" checked="checked">
Run Code Online (Sandbox Code Playgroud)

要么

<input type="radio">
Run Code Online (Sandbox Code Playgroud)

和jquery

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

shi*_*kou 7

怎么样

<input type="radio" onclick="return false;"/>
Run Code Online (Sandbox Code Playgroud)

要么

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


Sha*_*oli 5

尝试这个

$(document).ready(function () {
    $('input[type = "radio"]').change(function () {
        return false;
    });
});
Run Code Online (Sandbox Code Playgroud)