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");
}