为什么 jQuery 单选按钮的返回值是 "ON"？如何纠正？

Question

我绝对不是新手，但不知怎的，一个小时以来我就被它抓住了。你能帮我找出我在下面的文章中出错的地方吗？我正在尝试 return “checked/selected” 单选选项的值，它每次都 returning “打开”。

我的（Bootstrap）HTML代码：

<div class="form-row mb-4 p-2 text-center font-weight-bold rounded-top shadow-sm-dark no-shadow-hover bl__home_apr-choice">
    <div class="col-4 offset-2 col-md-3 offset-md-0 mb-md-0 mb-1">
      <div class="custom-control custom-radio custom-control-inline">
        <input type="radio" id="searchByProject" name="searchBy" class="custom-control-input" checked="checked">
        <label class="custom-control-label" for="searchByProject" value="Project" pointer>by Project</label>
      </div>
    </div>
    <div class="col-4 col-md-3 offset-md-0 mb-md-0 mb-1">
      <div class="custom-control custom-radio custom-control-inline">
        <input type="radio" id="searchByInvoiceID" name="searchBy" class="custom-control-input">
        <label class="custom-control-label" for="searchByInvoiceID" value="Invoice" pointer>by Invoice</label>
      </div>
    </div>
    <div class="col-4 offset-2 col-md-3 offset-md-0 mb-md-0">
      <div class="custom-control custom-radio custom-control-inline">
        <input type="radio" id="searchByStartDate" name="searchBy" class="custom-control-input">
        <label class="custom-control-label" for="searchByStartDate" value="Started" pointer>by Start Date</label>
      </div>
    </div>
    <div class="col-4 col-md-3 offset-md-0 mb-md-0">
      <div class="custom-control custom-radio custom-control-inline">
        <input type="radio" id="searchByEndDate" name="searchBy" class="custom-control-input">
        <label class="custom-control-label" for="searchByEndDate" value="Ended" pointer>by End Date</label>
      </div>
    </div>
  </div>

这就是我使用的方式 jQuery:

console.log($('input[name=searchBy]:checked').val());

我们将不胜感激任何帮助。提前致谢。

Answer 1

您应该在 input 标签中设置 value，您正在 label 中设置。

你的收音机应该是这样的：

<input type="radio" id="searchByEndDate" name="searchBy" value="Ended" checked>

为什么 jQuery 单选按钮的返回值是 "ON"？如何纠正？

Why jQuery returning value of radio buttons as "ON"? How to correct it?

html

jquery

return

radio