CheckboxList 输入在 IE7/6 中不起作用答案

【问题标题】：CheckboxList input Not working in IE7/6CheckboxList 输入在 IE7/6 中不起作用
【发布时间】：2010-02-06 06:59:53
【问题描述】：

我使用 css 修改了 asp.net checkboxlist。它使用 display:none 隐藏输入，我可以在 Firefox 中单击标签并进行回发，但在 IE 中，当我单击复选框列表中的标签时，它不起作用。这里有什么问题？

我的代码：

<div style="padding-left:15px;">
 <asp:CheckBoxList ID="cbl" runat="server" AutoPostBack="true"
      RepeatLayout="flow" CssClass="cb"   
      OnSelectedIndexChanged="cblD_OnSelectedIndexChange">                                
</asp:CheckBoxList>

css:

.cb input
{
  display:none;   
}

.cb label
{
  font-size:80%;
  background: #fff url(../images/x.gif) no-repeat;  
  display:block;
  width: 300px;
  height: 15px;
  padding: 1px 5px 0 30px;
}

【问题讨论】：

执行“查看源代码”并查看 HTML 的样子。标签需要一个“for”属性，其值为相关复选框的“id”属性。
我检查了来源，它具有用于复选框输入的带有 id 的属性

标签： .net jquery html css ajax

【解决方案1】：

不可见元素不会在 IE 中触发事件。更好的方法是使用 javascript 来导致回发而不是使用隐藏元素。如果你真的想发挥创意，你可以使用 ajax :) （只是不要使用 .NET ajax...）

【讨论】：

他的标签不是隐形的。
是的，它们不是不可见的，但是当您查看源代码时，您在源代码中看不到它们（我很惊讶）

【解决方案2】：

快速而非最佳修复：我更改了我的 css，使输入的边距为 -150px，这样我就不必隐藏输入并实现我想要的

【讨论】：