javascript - 为什么这个 if/else 在 jquery 中对我不起作用？

Question

当复选框更改时，我会触发以下内容。

$(document).ready(function() {
    $("#reviewed").change(function(){
        if ($('#reviewed:checked').val() !== null) {
            $.ajax({
                url: "cabinet_reviewed.php?reviewed=yes",
                cache: false,
                success: function(html){
                    $("#reviewDate").replaceWith(html);
                }
            });
         } else {
             $.ajax({
                url: "cabinet_reviewed.php?reviewed=no",
                cache: false,
                success: function(html){
                    $("#reviewDate").replaceWith(html);
                }
            });
        }
});
})

这只有效一次。我想看看复选框何时更改以及更改后它的值是多少。

更新:我已将代码更改为以下内容(基于大家的评论)

$(document).ready(function() {
    $("#reviewed").click(
        function() { 
            var rURL = 'cabinet_reviewed.php?reviewed=';
                if ($("#reviewed").is(":checked"))
                   rURL = rURL + "yes";
                else
                   rURL = rURL + "no";
                alert (rURL);
        $.ajax({
            url: rURL,
            cache: false,
            success: function(html){
                $("#reviewDate").replaceWith(html);
            }
        });

    });

})

文件 Cabinet_reviewed.php 只是回显 $_GET['reviewed'] 的值使用此更新的代码，警报会显示正确的 URL，但第二次单击不会运行 .ajax。我需要做些什么才能再次运行 .ajax 吗？

Answer 1

尝试使用 != 而不是 !==

这也是一个替代方案:

$('#reviewed').is(':checked')

以下代码在 FF 3.5 和 IE8 中一致工作:

$("#reviewed").click(
    function() { 
        if ($("#reviewed").is(":checked"))
            alert('checked'); 
        else
            alert('not checked');
    }
);              

更新后:

这段代码...

success: function(html){
  $("#reviewDate").replaceWith(html);
}

... 正在使用 Ajax 调用返回的 HTML 替换 DOM 中带有 ID=reviewDate 的元素，因此在第二次进行 Ajax 调用时该元素不再存在。

像这样更简单的东西对你有用吗？

success: function(html){
  $("#reviewDate").html(html);
}