隐藏复选框和标签答案

【问题标题】：Hide checkbox and label隐藏复选框和标签
【发布时间】：2012-09-25 15:34:31
【问题描述】：

场景：我在转发器中有一个 ul 一个 li 和一个复选框和标签，这些都形成了一个复选框列表。我有一个控制复选框行为的javascript文件。我成功地用 javascript 代码隐藏了复选框，但是当我试图隐藏标签时它不起作用。

我将代码 ASP.NET 发布以便更好地理解：

<asp:Repeater ID="Repeater1" runat="server" DataSource="<%# GetSecondAreas(CurrentLocationName) %>">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li class="area">
<input type="checkbox" class="category" value="<%# string.Concat(CurrentLocation.Area1,"| ", CurrentLocation.Area2)%>" />
<label>
<%#CurrentLocation.Area2%>
</label>
<asp:Repeater ID="Repeater2" runat="server" DataSource="<%# GetThirdAreas(CurrentLocation.Area2) %>">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li>
<input type="checkbox" class="category" value="<%#string.Concat(CurrentLocation.Area1,"| ", CurrentLocation.Area2,"| ", CurrentLocation.Area3)%>" />
<label id="last">
<%#CurrentLocation.Area3%>
</label>
</li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
</li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>

这里是javascript代码：

function updateByArea(current) {
//If current is unchecked => uncheck all child checkboxes
if (current.attr("checked") == null || current.attr("checked") == "")
    $j(".area ul li input[value^='" + current.val() + "']:checked").removeAttr("checked").hide(); //checkbox
    $j('label[id="id_val"]').hide();
$j("#searchFilter .area>input:checkbox:checked").each(function (i, item) {
    $j(".area ul li input[value^='" + $j(item).val() + "']:not(:checked)").attr("checked", "checked").show(); //checkbox
    $j('label[id="id_val"]').show();
});

}

我在这里发布的是我为 id="last" 的标签所尝试的内容

问题：

我是否更正了标签的 javascript 代码，所以当我勾选复选框以隐藏和显示复选框和标签时？

P.S：在我现在拥有的代码中，它只隐藏了复选框。

提前谢谢你

【问题讨论】：

标签： javascript jquery asp.net

【解决方案1】：

改变

.hide();

到

.parent().hide();

这将选择父级 [应该是 li] 并隐藏它。

【讨论】：