javascript - if else 条件在 jQuery 中不起作用

Question

我在 jQuery 中使用 if else 条件来处理复选框。我的条件是至少选中一个复选框，然后在 alert if 条件正在运行，而不是另一个复选框。这是我的代码

$(document).ready(function() {
  $('#outer_menu').click(function() {
    var $fields = $(this).find('input[name="mychoice"]:checked');
    if (!$fields.length) {
      alert('You must check at least one box!');
      if(".a:checked "){
        $(".language").find(".translate-language").toggleClass("translate-language translate-language_show"); 
      } else if (".a_orignal:checked") {
        $(".language").find(".orignal-language_hide").toggleClass("orignal-language_hide orignal-language");  
      } else {
        alert('chose one');
      }
      return false; 
    }
  });
});

当 if 条件为 false 时，我们的 else if 条件不起作用

Answer 1

我认为您想要做的是检查是否检查了类 a 或 a_original 的元素，因为您需要

if ($(".a").is(":checked ") {
    $(".language").find(".translate-language").toggleClass("translate-language translate-language_show");
} else if (".a_orignal").is(":checked") {
    $(".language").find(".orignal-language_hide").toggleClass("orignal-language_hide orignal-language");
} else {
    alert('chose one');
}

• 使用.is()检查元素是否满足给定的选择器
• 您需要获取目标元素的 jQuery 对象