javascript - 带有 jQ​​uery 和 AJAX 的单选按钮

Question

我在发送表单时遇到以下错误，确切地说是单选按钮输入。

这是 HTML 代码:

      <input name="radio" type="radio" class="raido-btn" id="coral1" value="coral1" />
      <label for="coral1">CORAL I</label>
      <input name="radio" type="radio" class="raido-btn" id="coral2" value="coral2" />
      <label for="coral2">CORAL II</label>
      <input name="radio" type="radio" class="raido-btn" id="coral3" value="coral3" />
      <label for="coral3">CORAL III</label>

这是 Javascript 代码:

if($('#coral1').prop('checked')){
        apartamentos = 'Coral 1';
    }
    else if($('#coral2').prop('checked')){
        apartamentos = 'Coral 2';
    }
    else if($('#coral3').prop('checked')){
        apartamentos = 'Coral 3';
    }

我不知道如何将变量“apartamentos”设置为选中的单选按钮。

它总是设置变量 apartamentos = 'Coral'

提前致谢

Answer 1

JQuery 有几种方法可以做到这一点。我通常这样做的一种方法是使用 .is() ，例如，$('#coral2').is(':checked')。你也可以使用 apartamentos = $('.raido-btn:checked').val()