jQuery 复选框错误

Question

我正在开发一个基于 jQuery 的待办事项列表界面，但遇到了一些困难。我正在使用的 jQuery 是根据我读过的各种教程拼凑而成的，因为我是个初学者。

$('#todo input:checkbox').click(function(){
  var id = this.attr("value");
  if(!$(this).is(":checked")) {
    alert("Starting.");
    $.ajax({
      type: "GET",
      url: "/todos/check/"+id,
      success: function(){
        alert("It worked.")
      }
    });
  }
})

这是我正在使用的 HTML，

<div id="todo"> 
  <input type="checkbox" checked="yes" value="1"> Hello, world. <br />
</div>

对此的任何帮助将不胜感激。作为引用，我在 jQuery 中设置警报的原因是为了调试。我之所以知道代码不起作用是因为我没有收到这些警报。谢谢。

Answer 1

快速浏览一下，我认为 if(!$(this).is(":checked"))部分可能是问题所在。尝试更像 if( !$(this).attr('checked') )

另外:ajax 语句中的 url 看起来不正确。对我来说，它似乎是一个绝对路径，而不是相对路径。

还有一件事:不应该var id = this.attr("value");是var id = $(this).attr("value"); ？

请告诉我这些提示是否有帮助。否则一般提示:

在您的代码中，您似乎同时测试了三件事。首先，它必须将事件附加到正确的复选框。然后它必须传递一个条件，然后它必须成功进行 ajax 调用。只有当这三件事都有效时我们才会得到反馈，否则如果其中一件事不合适，那么我们就无法知道失败在哪里。测试每个部分以确保其有效，然后您就会知道该将精力集中在哪里。 :-)