javascript - 如何检查是否选中了 asp:Checkbox 并使用 javascript 显示或隐藏它？

Question

我的 aspx 页面上有一个asp:checkbox和一个asp:textbox，我想知道在选中复选框时显示文本框，如果使用 javascript 取消选中复选框，则隐藏它，我真的很感激任何可以帮助我的人。

Answer 1

click假设这些在浏览器上呈现为普通的复选框和文本区域，那么您可以使用其事件获得有关何时选中或取消选中复选框的通知：

$("selector_for_the_checkbox").click(function() {
    // ...handle the event here...
});

在事件处理程序中，this将引用原始复选框元素（不是它的 jQuery 包装器）。

要使用 jQuery 显示隐藏元素，请使用show; 要隐藏一个，您使用hide. 您还可以toggle根据元素的当前状态或传入的标志来显示或隐藏元素。所以：

$("selector_for_the_checkbox").click(function() {
    $("selector_for_the_textarea").toggle(this.checked);
});

花一个小时（仅此而已）阅读jQuery API 文档是非常值得的。

Answer 2

您可以使用此代码

<script type="text/javascript">
function radio_yes(){
if(document.getElementById("c1").checked==true)
        document.getElementById("atext").style.visibility="visible";
        else
        document.getElementById("atext").style.visibility="hidden";}
</script>
<input type="checkbox" id = "c1" name="subscriptions" onclick = "radio_yes();radio_uncheck();"  value="CorporateEmails"/>
    Corporate Press Release Emails<br />
<input type="text" id="atext">

Answer 3

试试这个脚本：

<script type="text/javascript">
    function toggleTextBox(bEnable, textBoxID) {
        document.getElementById(textBoxID).disabled = !bEnable;
        }
    }
</script>

你的 aspx 会是这样的：

<asp:CheckBox ID="chkApplied" runat="server" onclick="javascript:toggleTextBox(this.checked, 'txtAmount'); />
<asp:TextBox ID="txtAmount" runat="server"></asp:TextBox>

如果您的客户端 ID 不同，您可以像这样从服务器端绑定它：

chkApplied.Attributes.Add("onclick", "javascript:toggleTextBox(this.checked, '" + txtAmount.ClientID + "');");