javascript - 使输入字段只读其他输入字段的值

Question

我想根据其他输入字段的值使输入字段只读，例如，

<form action="">
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female <br/>
Age: <input type="text" name="age"><br>
</form>

如果有人选择女性，那么年龄输入应该变成只读，意味着它应该淡出然后不能输入任何值。这可能吗？如何实现？

Answer 1

您尝试过使用 JQuery 吗？试试这个

$('input[type=radio][name=sex]').change(function() {
    if (this.value == 'female') {
        $("#AgeId").prop("readonly",true);
    }
    else{
        $("#AgeId").prop("readonly",false);
    }
});