Jquery电台和文本框

时间:2013-07-08 16:56:01

标签: javascript jquery html css

在我的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" />

3 个答案:

答案 0 :(得分:2)

您可以使用jQuery中的.change个事件:

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

答案 1 :(得分:2)

将其绑定到更改事件

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

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

此外,由于控件具有runa=server属性,请确保使用属性包含选择器。

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

答案 2 :(得分:0)

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

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

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

无论何时任何单选按钮发生变化,都会找到并禁用相应的输入框。