javascript - JS 中的单选按钮检查不起作用？

Question

我觉得我在这里太迟钝了，所以做了一个 fiddle ，为什么每当我检查另一个单选按钮时，它就不会保持选中状态？

在 fiddle 中，它将加载“diy”按钮；如果您单击“付费”，您会看到单选按钮在警报加载时跳转到那里，但随后又跳回来，即使 JS 语句在控制台中独立工作也是如此。帮助表示赞赏! (顺便说一句，我尝试了两种检查方法，都失败了)

https://jsfiddle.net/gzf28hsk/

这个函数可能会被破坏，但我不知道在哪里

function populateLogistic(type, new_status = null) {
  radio_paid = $('input[name="delivery"][value="paid"]')
  radio_diy = $('input[name="delivery"][value="diy"]')

  if (new_status === null) {
      radio_paid.prop("checked", false)
      radio_diy.prop("checked", true)
  } else if (new_status == "paid") {
      alert(new_status)
      //radio_paid.checked = true
      //radio_diy.checked = false
      radio_paid.prop("checked", true)
      radio_diy.prop("checked", false)
  } else if (new_status == "diy") {
      //radio_paid.checked = false
      //radio_diy.checked = true
      radio_paid.prop("checked", false)
      radio_diy.prop("checked", true)
  }
}

Answer 1

改为监听 change 事件。

更新

实际上，问题在于您在事件处理程序中执行了e.preventDefault();，取消了事件并撤消点击。

无论如何，最好监听输入更改的 change 事件，因为您可以确定值实际上已更改，并且如果输入更改而无需单击，也会触发该事件，例如使用键盘。

也就是说，您可以(或应该)使用 $('input[name="delivery"]:checked').val() 而不是 $( this).val()