带有 jQuery 和 AJAX 的单选按钮答案

【问题标题】：Radio button with jQuery and AJAX带有 jQuery 和 AJAX 的单选按钮
【发布时间】：2013-03-07 20:46:43
【问题描述】：

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

这是 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'

提前致谢

【问题讨论】：

apartamentos = $('.raido-btn:checked').val()
始终设置为 Apartamentos = 'Coral 1'
你所有的收音机都同名，只能检查一个。

标签： javascript jquery ajax forms

【解决方案1】：

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

【讨论】：

要尝试第一个选项，但使用第二个选项总是设置变量 Apartamentos = 'Coral 1';
你应该能够做到 $("#coral2").checked 并避免很少的 jquery 开销 =)
谢谢。我为每个输入添加 onclick="$('#coral1').checked" 现在可以完美运行；）

【解决方案2】：

你将 if 语句附加到什么上？我将它附加到 jsFiddle 中的 clickevent 上，它似乎工作正常。我不确定您是否希望将 apartamentos 设置为单选按钮的值或您定义的字符串，但它肯定会被更新。

http://jsfiddle.net/FTT5e

【讨论】：