如何使用jQuery隐藏=“x01”复选框的标签

时间:2010-04-22 15:01:09

标签: jquery

我试图隐藏这个复选框,这是我的表头中的一个复选复选框,使用jQuery但是没有太多运气。

我试图向用户隐藏的部分的视图源如下:

<th class="t12subheader" id="CHECK$01"><label for="x01" class="hideMe508">Check All</label><input type="checkbox" name="x02" value="1" onclick="checkAll(this)" /></th>

我试过了两个:

$('#x01, label[for="x01"]').hide ();  &
$('#x01').hide ();

无济于事。

任何使用jQuery的帮助都会受到赞赏。

此外,隐藏此chckbox的位置是否重要?

感谢。

4 个答案:

答案 0 :(得分:5)

您的标签隐藏是可以的,但是复选框无效,因为它没有id="x01",至少在您的粘贴代码中。它 name="x02"所以您可以通过它找到/隐藏它,如下所示:

$('input[name="x02"], label[for="x01"]').hide();​

我猜你的意思是标签与输入一起使用,在这种情况下,复选框应该与标签的id匹配for,如下所示:

<input type="checkbox" id="x01" name="x02" value="1" onclick="checkAll(this)" />

然后你的选择器将是:

$('#x01, label[for="x01"]').hide();

答案 1 :(得分:0)

for属性不计入ID。给你的标签它自己的id,比如“x01_label”,然后你可以很容易地隐藏它。

如果从中移除#x01,您的第一次尝试可能会有效。您的代码示例中没有任何ID为x01的内容。只需选择label[for="x01"]即可。如果没有,那就试试id。

答案 2 :(得分:0)

从代码中可以看出,您正试图隐藏标签。这样做$("label.hideme508").hide(); 不知道什么是班级hideme508,但它应该有效。

答案 3 :(得分:0)

$('#CHECK$01,label[for="x01"]').hide();应该有效。您的labelCHECK$01而非x01

的孩子