javascript - 选中复选框时如何启用文本框

Question

在 JavaScript 中选中复选框时如何启用文本框：

有人可以告诉我如何正确地做到这一点！这是我的代码：

 function checkLevelZone() {
            var txtOffSite = $find("<%=txtOffSite.ClientID %>");
            var checkbox = $find("<%=OffSiteCheck.ClientID %>");
            if (checkbox.checked) {
                txtOffSite.removeAttribute('Enabled');
                } else {
                txtOffSite.disabled = true;
               }

            }

ASP：

<telerik:RadButton ID="OffSiteCheck" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton"  OnClientCheckedChanged="checkLevelZone"  Skin="Windows7"></telerik:RadButton>
                                <telerik:RadTextBox ID="txtOffSite" runat="server" Enabled="false"> </telerik:RadTextBox>

Answer 1

由于您使用了OnClientCheckedChanged，因此您的函数签名不正确。

function checkLevelZone(sender, args) {  
    if (args.get_checked()) { // Most rad controls use .set_enabled(true), the RadTextBox is different.
        $find('<%= txtOffSite.ClientID%>').enable();  // $find() works, $() doesn't always work.
    }
    else {    
        $find('<%= txtOffSite.ClientID%>').disable();
    }
}

RadNumericTextBox 的在线文档，其中大部分适用于 RadTextBox

Answer 2

试试看

function checkLevelZone() {
    var checkbox = $("#<%=OffSiteCheck.ClientID %>");
    if (checkbox.checked) {
        $("#<%=txtOffSite.ClientID %>").removeAttribute('disabled');
    } else {
        $("#<%=txtOffSite.ClientID %>").attr("disabled", "disabled");
    }
}

Answer 3

它对我有用....

$("#checkBoxId").change(function() {

$("#textBoxId" />").prop("disabled", !$(this).is(':checked'));

}) ;

Answer 4

用这个：

txtOffSite.disabled = !checkbox.checked;