1

我是 jquery 的新手，所以请原谅我的误解。我使用这个代码：

$(".redbox").delegate("input[type=checkbox]", "change", function(){
   var index = this.id.substring(8);
   $(".inputfield" + index).toggleClass("complete");
     });

在输入文本字段的输入上切换类。起初这段代码运行良好，但由于我用 jquery 附加了整个内容，delegate() 使所有复选框和输入字段切换。

你可以在这段代码中看到我的意思：http: //jsfiddle.net/eD5M5/

点击我--->附加附加按钮附加按钮---->附加复选框和输入字段（+删除按钮）

当您单击追加时，切换类看起来不错！但是当您多次单击并开始切换时，一切都会切换！

我的问题是；

我做错了什么，我该如何解决？

提前致谢

4

2 回答 2

1

他们都被赋予了同一个班级，而您是按班级选择他们的，所以这会影响他们所有人。

而不是按类选择，只需使用.next()从复选框遍历到文本字段。

示例：http: //jsfiddle.net/eD5M5/3/

$(this).next().toggleClass("complete");
于 2010-12-25T14:52:46.333 回答
1

这是因为您没有增加计数器，所以所有输入都具有相同的类：检查修复

于 2010-12-25T14:54:36.443 回答