jquery中的单选按钮选择

Question

我有一组两个具有相同id

的单选按钮

<input type="radio" id="rad" name="mode"value="test" />test
<input type="radio" id="rad" name="mode" value="dev"/>dev

用户必须选择任何一个单选按钮。在验证是否选择了第二个无线电时，始终会发出以下验证警告。

 if ($('#rad').prop('checked') != true ) {
      alert(' Please Choose mode!!')
        return false;
    }

如果用户没有选择其中任何一个，我只需要提醒。如果用户选择了一个单选按钮，则无需提醒。

在我的情况下，如果用户选择了第一个radio按钮，它会提醒任何内容，只需选择第二个radio警报Please Choose mode.

Answer 1

ID元素唯一标识html元素！如果您热衷于:) https://softwareengineering.stackexchange.com/questions/127178/two-html-elements-with-same-id-attribute-how-bad-is-it-really

，请阅读此内容

另外：http://jsfiddle.net/Pkq3B/

玩得开心，知道怎么回事！

你可以使用这样的课程：

 if (!$('.rad').is(':checked')) {
      alert(' Please Choose mode!!')
        return false;
    }

<强> HTML

<input type="radio" class="rad" name="mode"value="test" />test
<input type="radio" class="rad" name="mode" value="dev"/>dev

Answer 2

尝试使用length的{​​{1}}，

checked radio buttons

Working demo

Answer 3

您不需要jQuery用于此目的。您可以使用纯JavaScript：

if((document.getElementById('rad').value!='test')||document.getElementById('rad').value!='dev'))
{
alert("please select");
}