复选框选择区域答案

【问题标题】：CheckBox selection area复选框选择区域
【发布时间】：2011-07-26 20:56:41
【问题描述】：

我有一个<asp:ComboBox>，里面填满了<asp:CheckBoxes>。组合框的宽度为 200 像素。复选框也是 200 像素宽。

只有当我点击“框”或复选框文本标签时，我才能选中复选框。即使单击行上的任意位置，我也希望能够检查该项目。

有没有办法把这个区域扩展到整行？

更新：

在绿色区域，一切都很好。但是当我点击红色区域时，未选中复选框并且下拉列表上升。

<telerik:RadComboBox runat="server" EnableTextSelection="false" 
                     ID="rcb_Something"
                     Width="200px"
                     HighlightTemplatedItems="true"
                     AllowCustomText="true"
                     Text="Select Something"
                     MaxHeight="250px">
                     <ItemTemplate>                                                               
                          <telerik:RadBinaryImage ID="RadBinaryImage1" runat="server"
                                                  Width="24px" 
                                                  Height="24px" 
                                                  DataValue='<%# Eval("Something") %>' 
                                                  ResizeMode="Fit"  />    

                                                  <asp:CheckBox ID="CheckBox1"
                                                       runat="server"  
                                                       Text='<%# Eval("Something") %>' 
                                                       ToolTip='<%# Eval("SomethingId") %>'
                                                  />



                   </ItemTemplate>

【问题讨论】：

更多细节会有所帮助：您希望可点击的整行是什么？表格行？
我用代码更新了问题。行是组合框中的一项。它不必是整行可点击的。如果我能以某种方式禁用单击项目背景以便只能单击复选框，这对我来说就足够了。这让我有问题，因为当我点击项目背景下拉列表时关闭。

标签： asp.net css combobox checkbox

【解决方案1】：

按照书上说的做 - 在 HTML 中的每个输入字段中添加一个带有 label 的标签标签。

<label for="male">Male</label> <input type="radio" name="sex" id="male" />

单击标签上的任意位置，将激活此输入，输入类型=文本也是如此

【讨论】：

@1110：给出标签display: block 和height: 100%，这样它就会填满整个单元格。如果您需要进一步扩展区域，则需要使用 JavaScript。

【解决方案2】：

好的，我找到了解决方案。我刚刚使用以下代码禁用了组合框背景。

JavaScript

函数 StopPropagation(e) { //取消冒泡 e.cancelBubble =真；如果（e.stopPropagation）{ e.stopPropagation(); } }

aspx

 <div onclick="StopPropagation(event)">



<asp:CheckBox ID="CheckBox1"
              runat="server"  
              Text='<%# Eval("something") %>' 
              ToolTip='<%# Eval("somethingId") %>'
               />
</div>

【讨论】：