javascript - jQuery 表单，检查 radio 是否被选中

Question

我无法从检查的 radio 中获取值:

<form id="addform" /*action="catch.php" method="POST"*/>
<div class="form-group input-container">
    <label class="col-sm-7"> *Href looks like "/vacacy/12": </label>
    <input class="col-sm-3" name="vacancy_full_URL" value="0" type="radio" required>
    <label class="col-sm-7"> *Href looks like "https://www.test.com/vacancy/12": </label>
    <input class="col-sm-3" name="vacancy_full_URL" value="1" type="radio" required>
</div>
</form>

这是 JavaScript 代码:

 $( "#check" ).click(function()
        {
            var $inputs = $('#addform :input');

            var values = {};
            $inputs.each(function()
            {
                if (this.name === "vacancy_full_URL")
                {
                    if (/* check if radiobutton is checked */)
                    {
                        values[this.name] = $(this).val();
                    }
                }
                else
                {
                    values[this.name] = $(this).val();
                }

            });
        });

我无法找到合适的函数来检查这一点。我之前的尝试 if (this.checked() === true) 没有成功。你能帮我吗？

Answer 1

使用 is(":checked") 来查找单选按钮是否被选中。 html 表单中也有一些错误，例如您使表单自动关闭。其次，没有经过 id 检查的项目

$("#check").click(function(e) {
  e.preventDefault()
  var $inputs = $('#addform :input');

  var values = {};
  $inputs.each(function() {
    if (this.name === "vacancy_full_URL" && $(this).is(":checked")) {
      values[this.name] = $(this).val();
    } else {
      values[this.name] = $(this).val();
    }
  });
  console.log(values)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="addform" action="catch.php" method="POST">
  <div class="form-group input-container">
    <label class="col-sm-7"> *Href looks like "/vacacy/12": </label>
    <input class="col-sm-3" name="vacancy_full_URL" value="0" type="radio" required>
    <label class="col-sm-7"> *Href looks like "https://www.test.com/vacancy/12": </label>
    <input class="col-sm-3" name="vacancy_full_URL" value="1" type="radio" required>
  </div>
  <button type='submit' id='check'>Click</button>
</form>