javascript - 依赖于 Javascript 的输入验证

Question

我想验证名为 A 的无线电组的输入，有 2 个无线电：1 和 2。一旦选中无线电 2，我希望启用文本框 B（默认为禁用）。我的 JavaScript 很弱。有人帮我写下面的代码吗？到目前为止，我可以去：

<script type="text/javascript">
$(document).ready(function() {
    $("#form").validate({
        rules: {
            A: "required",
        }
    });  
});
</script>

<form id="form" name="form" method="post" action="">
<table><tr>
<td width><input type="radio" name="A" id="1" value="1" />1</td>
<td width><input type="radio" name="A" id="2" value="2" />2</td>
</tr></table>
</form>

<input name="B" type="text" id="B" disabled="disabled"/>

我想要消息“此字段为必填项”。显示在单选组下方的一行中：

<tr><td colspan="2">This field is required.</tr></td>

请帮忙。谢谢。

Answer 1

符合以下条件的东西：

​$(':radio').change(function() {
    $('#B').prop('disabled', !(this.value == '2' && this.checked));
})​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​;

演示：http: //jsfiddle.net/5PMLr/

旁注：您的 ID 应该有多个字符，并且不要以数字开头。