首頁猿問如何檢查是否使用JavaScrip...

如何檢查是否使用JavaScript選擇單選按鈕？

JavaScript

繁星點點滴滴 2019-06-16 13:36:46

如何檢查是否使用JavaScript選擇單選按鈕？我在HTML表單中有兩個單選按鈕。當(dāng)其中一個字段為NULL時，將顯示一個對話框。如何檢查是否選擇了單選按鈕？

查看完整描述

3 回答

阿晨1998

TA貢獻(xiàn)2037條經(jīng)驗獲得超6個贊

讓我們假設(shè)你有這樣的HTML

<input type="radio" name="gender" id="gender_Male" value="Male" /><input type="radio" name="gender" id="gender_Female" value="Female" />

對于客戶端驗證，這里有一些Javascript來檢查選擇了哪一個：

if(document.getElementById('gender_Male').checked) {
  //Male radio button is checked}else if(document.getElementById('gender_Female').checked) {
  //Female radio button is checked}

根據(jù)標(biāo)記的確切性質(zhì)，上面的內(nèi)容可能會更高效，但這應(yīng)該足以讓您開始工作。

如果你只是想看看任何選擇單選按鈕任何地方在那頁上，原型JS讓事情變得很簡單。

這里有一個函數(shù)，如果在頁面的某個地方選擇了至少一個單選按鈕，它將返回true。同樣，這可能需要根據(jù)您的特定HTML進(jìn)行調(diào)整。

function atLeastOneRadio() {
    return ($('input[type=radio]:checked').size() > 0);}

用于服務(wù)器端驗證。(請記住，您不能完全依賴Javascript進(jìn)行驗證！)，這將取決于您選擇的語言，但您只需檢查gender請求字符串的值。

反對回復(fù) 2019-06-16

子衿沉夜

TA貢獻(xiàn)1828條經(jīng)驗獲得超3個贊

帶著jQuery，就像

if ($('input[name=gender]:checked').length > 0) {
    // do something here}

讓我把它分解成幾個部分，以便更清楚地說明這一點。jQuery從左到右處理事物。

input[name=gender]:checked

input
將其限制為輸入標(biāo)記。
[name=gender]
將其限制為上一組中具有名稱、性別的標(biāo)記。
:checked
將其限制為在上一組中選擇的復(fù)選框/單選按鈕。

如果要完全避免這種情況，請將其中一個單選按鈕標(biāo)記為“選中”(checked="checked")在HTML代碼中，這將保證始終選中一個單選按鈕。

反對回復(fù) 2019-06-16

慕尼黑的夜晚無繁華

TA貢獻(xiàn)1864條經(jīng)驗獲得超6個贊

一種香草的JavaScript方式

var radios = document.getElementsByTagName('input');var value;for (var i = 0; i < radios.length; i++) {
    if (radios[i].type === 'radio' && radios[i].checked) {
        // get value, set checked flag or do whatever you need to
        value = radios[i].value;       
    }}

反對回復(fù) 2019-06-16