javascript - 在单选按钮组中，如何让其中的 2 个启用文本框，其中一个禁用/只读文本框

Question

我有 3 个单选按钮，我需要其中的 2 个来启用文本框。

到目前为止，我已将其设置如下。

<form id="form1" name="form1" method="post" action="">
    <table width="250">
        <tr>
            <td>
                <label>
                    <input type="radio" name="RadioGroup1" value="B1" id="RadioGroup1_0" />Quote
                </label>
            </td>
            <td>
                <label>
                    <input type="radio" name="RadioGroup1" value="B2" id="RadioGroup1_1" />Bind
                </label>
            </td>
            <td>
                <label>
                    <input type="radio" name="RadioGroup1" value="B3" id="RadioGroup1_2" />Quote/Bind
                </label>
            </td>
        </tr>
    </table>
    <br />
    <label> 
        Effective Date/Time  
        <input name="EffDate" type="text" id="EffDate" placeholder="yyyy/mm/dd hh:mm HRS" disabled="disabled"/>
    </label>
</form>

我设置了一个按钮来启用文本框

$('#RadioGroup1_1').change(function(){
    $('#EffDate').removeAttr('disabled');
});

$('#RadioGroup1_2').change(function(){
    $('#EffDate').removeAttr('disabled');
});

我的问题是，在单击 RadioGroup1_1 或 1_2 之后，“effdate”文本框不会返回到其禁用状态。我只想在选中单选按钮时启用该框。

我已经尝试调查它，但找不到我的具体答案，为了全面披露，这对我来说都是全新的!

谢谢!

Answer 1

您必须使用 .prop('disabled', true) 或 .prop('disabled', false) 来切换禁用状态。使用 .attr 并不总是有效。