jQuery复选框,Ticked / Unticked Logic

时间:2012-07-27 10:24:36

标签: jquery

我正在研究复选框的逻辑。如果未选中该复选框,则会隐藏创建的列表项。这方面的一个例子是jsFiddle我有tick逻辑工作,但我想要的是“Untick”逻辑。

我已经为每个li项目提供了一个类,所以基本上希望将两者结合在一起以删除列表项。但是没有运气。

任何人都可以帮助我扩展这个逻辑,以便显示/隐藏未经检查的li项目,否则我只剩下一个永无止境的项目列表。

由于

1 个答案:

答案 0 :(得分:4)

1)使用change事件来收听复选框。如果您使用click,则会忽略键盘交互所带来的任何状态更改。

2)您当前的“if not checked”代码正在创建一个新的li并删除它(甚至在它进入DOM之前) - 大概不是您的意思。

我假设您打算删除类似于已更改复选框的li属性的CURRENT name。见更新的小提琴:

http://jsfiddle.net/qYtXX/9/