javascript - 当 if 条件包含或 (||) 两个变量时，jQuery if/else 语句

Question

我正在尝试获取某些元素的值并将它们放入一个 <select> 中列表在 <option>标签如:验证是否检查了 radio 以及检查了哪个 radio ，获取部分元素值并将它们分割插入 <select>如<option> ;在我的示例中，我有两个部分/面板，可以通过 radio 输入进行选择。我的问题是当我进行单选时，因为我使用类似的东西:

var scheduler = $( "#first-radio:checked" );
var cronos = $( "#second-radio:checked" );

$("#add-button").click( function() {
  if ( scheduler || cronos ) {
                              alert('None of radio options were selected!');
  } else{ 
         alert("else where my code must run"); 
  }
});

如果在Add val时选择了两个复选框之一，通常应该发出其他警报按下按钮而不是一直采用 if 语句并显示 if 警报，我不明白为什么:|

<强> Check fiddle:

Answer 1

jQuery 方法将始终返回 jQuery 对象，该对象始终为 true，因此您的代码将始终执行 if block 。

此外，选中的状态会在运行时发生变化，因此您不能使用初始化 DOM 时获取的状态 - 您需要检查点击处理程序中单选按钮的当前状态。

var scheduler = $("#first-radio");
var cronos = $("#second-radio");

$("#add-button").click(function () {   
    if (scheduler.is(':checked') || cronos.is(':checked')) {
        alert("else where my code must run");
    } else {
        alert('None of radio options were selected!');
    }
});

演示:Fiddle