Почему это, если/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); 
       } 
      }); 
     } 
}); 
}) 

Это работает только один раз. Я хочу посмотреть, когда будет установлен флажок и какое значение оно будет изменено.

UPDATE: Я изменить код вокруг следующего (на основе замечаний у всех)

$(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 [» review '] С помощью этого обновленного кода предупреждение показывает правильный URL, но второй клик не запускает .ajax. Нужно ли мне что-то делать, чтобы снова запустить .ajax?

Answer 1

Попробуйте с != вместо !==

, а также это в качестве альтернативы:

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

Ниже код работает последовательно в FF 3.5 и Internet Explorer 8:

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

После вашего обновления:

Этот код ...

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

... не заменяя элемент с ID=reviewDate в DOM с HTML, который возвращается из вызова Ajax, поэтому он больше не присутствует во второй раз вызов Ajax производится.

Будет ли что-то проще, как эта работа для вас?

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

Answer 2

По-видимому, некоторые ошибки с событием change() для флажков в IE. Попробуйте вместо этого использовать событие click() и посмотрите, работает ли он лучше.

Answer 3

Вы обычно хотите использовать click событие для отслеживания изменений в Флажки/радиокнопок. Событие change запускается только в том случае, если новое значение отличается от старого значения. В флажках/радиообменах нет никаких средств для начального значения, только атрибут checked, который часто не предопределяется, поэтому необходимо дважды щелкнуть перед событием изменения.

В галочках/радиообменах вы также не хотите проверять значение на val(), это всегда одно и то же. Вы скорее хотите проверить проверенное состояние, используя this.checked.

Таким образом, следующее должно работать:

$(document).ready(function() { 
    $("#reviewed").click(function() { 
     if (this.checked) { 
      // ... 
     } else { 
      // ... 
     } 
    }); 
});