javascript - 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

IDof element 唯一标识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

为此，您不需要 jQuery。您可以使用纯 JavaScript：

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

Answer 3

尝试使用lengthlike checked radio buttons，

if (!$('input[name="mode"]:checked').length) {
    alert(' Please Choose mode!!')
    return false;
}

工作演示