Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/EmptyTag/134.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改所选标签的类别复选框_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 更改所选标签的类别复选框

Javascript 更改所选标签的类别复选框,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的html中有几个复选框,它们是动态生成的,因此我可以预测名称或id 目标是当我选中一个特定的复选框时,他的标签将更改我尝试使用以下代码的类: 但是不起作用,我怎么做呢?看来CSS的顺序很重要。 将突出显示的.改为另一个下面,它应该有效。您必须在if语句中添加括号。但是有一种更简单的方法来做你想做的事。例如: $(".testCheckBox").click(function() { $(this).parent().toggleClass("hasborder highlighte

我的html中有几个复选框,它们是动态生成的,因此我可以预测名称或id

目标是当我选中一个特定的复选框时,他的标签将更改我尝试使用以下代码的类:


但是不起作用,我怎么做呢?

看来CSS的顺序很重要。
将突出显示的.改为另一个下面,它应该有效。

您必须在if语句中添加括号。但是有一种更简单的方法来做你想做的事。例如:

$(".testCheckBox").click(function() {
    $(this).parent().toggleClass("hasborder highlighted");
});
这里我们将函数分配给click事件(效果相同)。我们还将切换类
hasborder
高亮显示的类。因此,如果hasborder存在,它将被删除。如果它不存在,将添加它。另一个也一样


这只是为了让您可以直观地确认它是否有效。

请注意,您已经标记了jQuery,但是您的示例使用了mootoolsThks,但是css顺序没有任何效果。