隐藏客户端复选框答案

【问题标题】：Hiding a client side checkbox隐藏客户端复选框
【发布时间】：2013-10-08 21:23:41
【问题描述】：

我有一个看起来像这样的复选框：

<input id="chkSelectAll" name="chkSelectAll" type="checkbox"/>

现在在一个按钮中，我希望能够隐藏到目前为止我拥有的控件：

chkSelectAll.Visible = false;

但我无法访问该控件的属性，因为它是客户端。

我也不能使用服务器端复选框，所以不建议这样做。

任何帮助我如何使'false'的复选框属性可见，谢谢。

【问题讨论】：

【解决方案1】：

您可以使用 control.Attributes 或 control.Styles 在服务器端更改 DOM 属性

在服务器端代码后面使用 DOM 元素属性。

chkSelectAll.Styles.Add('display', 'none');

或者

chkSelectAll.Attributes.Add('style', 'display:none');

您可以在 客户端

上的 javascript / jQuery 中使用 ClientID

使用 javascript

document.getElementById('<%= chkSelectAll.ClientID %>').style.display = 'none';

使用 jQuery

$('#<%= chkSelectAll.ClientID %>').hide();

【讨论】：

我开始输入时没有这些选项
我仍然没有“属性”，因为复选框是客户端
为什么不让它成为可访问的服务器，而是把 runat="server" 放在？
+1 使用 runat="server" 并在 jquery 中使用 $('#').hide();如果母版页已更改，这将为您提供唯一的控件 ID
@user2836518 如果你把 runat="server" 你的javascript函数 onclick 会触发。如果您不相信我，请创建一个小项目并进行测试：D

【解决方案2】：

如果您的复选框不是服务器控件而只是客户端控件，那么您可以做的是更改此复选框的样式：显示：无例如，您可以使用 jQuery 来完成。像这样： $("#chb").css("display", "none"); 您应该将此功能放入某个函数中，并在例如单击按钮时从客户端调用它

【讨论】：