更改所选复选框上的Label类

时间:2011-12-02 22:59:35

标签: javascript jquery html css

我的html中有几个checbox,是动态生成的,所以我可以预测名称或id。

目标是当我选择一个特定的复选框时,他的标签会改变我尝试使用此代码的类:

http://jsfiddle.net/HHbkd/

但不起作用,我该怎么办?

2 个答案:

答案 0 :(得分:3)

您必须在if语句中添加括号。但是有一种更简单的方法可以做你想要的。 Here就是一个例子:

$(".testCheckBox").click(function() {
    $(this).parent().toggleClass("hasborder highlighted");
});

这里我们将函数分配给click事件(效果相同)。我们也在切换课程hasborderhighlighted。因此,如果存在hasborder,它将被删除。如果它不存在,它将被添加。与另一个相同。

这样您就可以直观地确认它是否有效。

答案 1 :(得分:1)

看来你的CSS的ORDER很重要。 将.highlighted改为低于另一个,它应该是有效的。