在没有回发的情况下动态更改 ASP.NET C# 中的项目？答案

【问题标题】：Dynamic change to item in ASP.NET C# without postback?在没有回发的情况下动态更改 ASP.NET C# 中的项目？
【发布时间】：2012-06-28 16:43:27
【问题描述】：

在 ASP.NET C# 中，我有一个复选框和一个文本框。我想让文本框的可见性取决于复选框（即，如果选中该框，则文本框可见，如果未选中，则隐藏文本框），但我希望它“立即”完成而不是通过回发。这可能吗？

【问题讨论】：

这就是 javascript 的用途。
仅供参考，它是“ASP.NET”，而不是“ASP”。

标签： c# javascript jquery asp.net postback

【解决方案1】：

您需要用 javascript 编写一个客户端脚本来处理此行为。如果你不知道什么是 javascript 谷歌它。

【讨论】：

“如果你不知道什么是 javascript 谷歌它” - 你对那句话的帮助不是很大。
@Jordan 了解 Java 脚本的基础知识对于 Web 开发新手来说非常重要，我认为这是最好的帮助方式。

【解决方案2】：

使用 jquery，您可以执行以下操作：

$(document).ready(function() {
  $('.mycheckbox').change(function() {
    $('.mycheckbox').is(':checked') ? $('.mytextbox').show() : $('.mytextbox').hide();
  });
});

其中mycheckbox 和mytextbox 是您输入的类。

或者你可以使用ClientID:

<asp:CheckBox runat="server" ID="cb" />
<asp:TextBox runat="server" ID="txt" />
<script type="text/javascript">
$(document).ready(function() {
  $('#<%= cb.ClientID %>').change(function() {
    $('#<%= cb.ClientID %>').is(':checked') ? $('#<%= txt.ClientID %>').show() : $('#<%= txt.ClientID %>').hide();
  });
});
</script>

【讨论】：

请务必注意，如果您使用 jquery，则存在好处，因为不同浏览器之间的兼容性以及行为保持一致。