Что не так с этим JS, если условие теста?

Question

этот код работает без проверки условия if, где я ошибаюсь с условием if?

$(document).ready(function() {
  if ($("input[name=contest_open]").val() == true) {
  var refreshId = setInterval(function()
  {
       $('#tweets').fadeOut("slow").fadeIn("slow");
       $.get("/event", { event:$("input[name=event]").val(), }, function(data) {
         console.log(data.success);
         console.log(data.page_link);
         console.log('Succesfully Loaded Data from JSON FORMAT GET');
         $('#tweets').html(data.html);
         $('#pagelink').html(data.page_link);
       });      
  }, 30000); 
  }
})

Answer 1

Проблема в том, что val не возвращает логическое значение.Если вы пытаетесь проверить, является ли value из input[name=contest_open] не пустым, попробуйте вместо этого val() !== "".

Если вы пытаетесь проверить, является ли значение строкой "true", вам необходимоtrue заключить в кавычки.

Answer 2

val () вернет строку.

Используйте это, если вы хотите проверить "true"

$(document).ready(function() {
  if ($("input[name=contest_open]").val() === "true") {
  var refreshId = setInterval(function()
  {
       $('#tweets').fadeOut("slow").fadeIn("slow");
       $.get("/event", { event:$("input[name=event]").val(), }, function(data) {
         console.log(data.success);
         console.log(data.page_link);
         console.log('Succesfully Loaded Data from JSON FORMAT GET');
         $('#tweets').html(data.html);
         $('#pagelink').html(data.page_link);
       });      
  }, 30000); 
  }
})

Answer 3

Если вы хотите проверить существование, используйте:

if ($("input[name=contest_open]").val()) 

только.

С другой стороны, если вы намереваетесь проверить содержимое на «true», вы можете использовать

if ($("input[name=contest_open]").val() == "true")

По той простой причине, что функция val () возвращает строку.

Answer 4

Попробуй это. Если вы считаете, что значение может содержать «True», лучше преобразовать его в нижний регистр.

$(document).ready(function() {
  if ($("input[name=contest_open]").val() == "true") {
  var refreshId = setInterval(function()
  {
       $('#tweets').fadeOut("slow").fadeIn("slow");
       $.get("/event", { event:$("input[name=event]").val(), }, function(data) {
         console.log(data.success);
         console.log(data.page_link);
         console.log('Succesfully Loaded Data from JSON FORMAT GET');
         $('#tweets').html(data.html);
         $('#pagelink').html(data.page_link);
       });      
  }, 30000); 
  }
})

Answer 5

Ну, так как у вас есть ==, 1 или объект также будут оцениваться как истинные. С === он будет оцениваться как true, только если это логическое значение true.