javascript - 单选按钮总是返回 "yes"值

Question

使用简单的单选按钮，如果我选择 yes 或 no 选项，它总是调用 yes 选项。

下面是我的代码:

$('input:radio[name="selectlinktype"]').change(function() {
  if ($('input:radio[name="selectlinktype"]').val() == 'Yes') {
    alert("yes");
    var dropdownval = $("#dropDownsub").val();
    target_element.removeAttr('href').attr('action', dropdownval);
  }

  if ($('input:radio[name="selectlinktype"]').val() == 'No') {
    alert("no");
    var dropdownval = $("#dropDownsub").val();
    // target_element.removeAttr('href');
    target_element.removeAttr('action').attr('href', $("#edit-link-url .url").val());
    $(event.target).attr("href", $("#edit-link-url .url").val());
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" id="int-link" name="selectlinktype" value="Yes" /> Yes
<input type="radio" id="href-link" name="selectlinktype" value="No" /> No

选择是或否，它将始终进入yes 条件，永远不会触发no 条件。我哪里错了？

Answer 1

input:radio[name="selectlinktype"] 将选择您的两个输入。然后 .val() 检查第一个的 value，恰好是 "yes"(由于 value="是的”)。

您需要通过是否选择输入来子选择输入:input:radio[name="selectlinktype"]:checked

或者，您可以看到事件的目标是什么(因为更改事件通常源自刚刚激活的元素)，因此不需要选择器:使用 this 或 event.target.