单击复选框关联的文本,但未选中/取消选中框

时间:2014-11-08 08:08:25

标签: asp.net checkbox label

<div>
<input type="checkbox" runat="server" id="chkId" checked='false' name="photoID" />
<label for="chkId"><asp:Literal ID="litPhotoRemove" runat="server" /></label>
</div>

标签与复选框相关联。当我点击标签时,应该选中复选框。 为什么这样,它没有被检查? 有解决方法吗?

3 个答案:

答案 0 :(得分:0)

您需要将复选框包装在标签内。这样,在点击标签时将检查它。您还可以点击

之间的空白区域

 <label for="chkId">
    <input type="checkbox" runat="server" id="chkId" checked='false' name="photoID" />
    Remove Photo <!-- this would be your literal -->
</label>

答案 1 :(得分:0)

您需要在aspx中使用以下功能才能使其正常工作。

<div>
    <input type="checkbox" runat="server" id="chkId"  name="photoID" />
    <label for="chkId">
        <asp:Literal ID="litPhotoRemove" runat="server" Text="Remove"/></label>
</div>

您遗失了Text的{​​{1}}。

进行此更改后,如果您在浏览器中查看aspx的源代码,它将如下所示。

&#13;
&#13;
asp:Literal
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您需要使用asp.net复选框控件的text属性才能使点击顺利进行。还有其他方法,但这是如何轻松完成的。

<asp:checkbox run at="server" id="whatever" text="Remove" />