javascript - Jquery 收音机和文本框

Question

在我的 Jsp 中，我有两个单选按钮 rb1 和 rb2 以及两个文本框 txt1 和 txt2 ...

每当检查 rb2 时，如何禁用我的文本框 txt2？

这是我的代码：

        <asp:TextBox runat="server" ID="txt1""></asp:TextBox>

        <asp:TextBox runat="server" ID="txt2"></asp:TextBox>

       <asp:RadioButton ID="rb1" Text="hello" runat="server" />

       <asp:RadioButton ID="rb2" Text="world" runat="server" />

Answer 1

您可以使用.change来自 jQuery 的事件：

$("#<%= rb2.ClientID %>").change(function() {
    $("#<%= txt2.ClientID %>").prop("disabled", this.checked);
});

Answer 2

将其绑定到更改事件

$('[id*=rb2]').on('change', function() {
    var txt = $('[id*=txt2]');

    txt.prop('disabled', this.checked) : 
});

另外因为控件有runa=server属性，请确保您使用的属性包含选择器。

并且不要忘记将代码包含在DOM就绪处理程序中。

Answer 3

最好在这里使用事件委托。

$(document).on('change', '[id^="rb"]', function() {
    var txt = $("#txt" + event.target.id.split(/rb/)[1]);

    txt.prop('disabled', this.checked) : 
});

每当任何单选按钮更改时，都会找到并禁用相应的输入框。