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/

玩得开心，lemme知道事情的发展！

您可以使用这样的类：

 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

尝试使用checked radio buttons length ，例如，

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

工作演示

Answer 3

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

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