單選按鈕檢查

Question

我想檢查一個收音機框是否使用JavaScript進行檢查，但我似乎無法正確地弄清楚。

這是HTML代碼：

<input type="radio" name="status" id="employed_yes" value="yes"> 
<input type="radio" name="status" id="employed_no" value="no"> 

我已經使用jQuery如下嘗試：

$(document).ready(function() { 
    if($('#employed_yes').is(':checked')) { 
     // do something 
    } 
}); 

而且，我嘗試使用純JavaScript通過獲取元素並檢查其「檢查」屬性，但它沒有奏效。

我期待您的洞察！

謝謝！

Answer 1

使用平變化

$('input[type="radio"]').on('change',function(){ 
     if($('#employed_yes').is(':checked')) { 
      alert("yes"); 
     } 
    }); 

DEMO

Answer 2

嘗試查看使用單選按鈕的名稱，如

if($('input[name="status"]').val() != "") { 
    // do something 
} else { 
    alert("Select an Status"); 
} 

Answer 3

，因爲在頁面加載時該複選框的默認狀態您的解決方案不起作用沒有選中，這是jQuery代碼運行時。

你需要監聽的複選框的更改事件，像這樣：

$(document).ready(function() { 
    $("#employed_yes").change(function() { 
     if(this.checked) { 
      document.write("checked"); 
     } 
    }); 
}); 

演示：http://jsfiddle.net/7CduY/

Answer 4

試試這個。如果任何單選按鈕被選中，這將在文檔準備好時提醒Hi。如果你想檢查特定的事件，那麼你可以綁定任何事件來檢查相同的事件。

$(document).ready(function() { 
    if($('input[type=radio]').is(':checked')) { 
     alert("Hi"); 
    } 
}); 

Answer 5

if($('input:radio:checked').text("yes") { // do something }

得到了jQuery的論壇的想法。 http://forum.jquery.com/topic/how-to-check-whether-all-radio-buttons-have-been-been-selected

Answer 6

老兄，我想你想，單選按鈕是否被選中或沒有，這是我從你的問題理解

如果所以這裏是

$(document).ready(function() { 
    $('input[type="radio"]').on('change',function(){ 
     if($('[name=status]:checked').length) { 
      alert("checked"); 
     } 
    }); 
}); 

FIDDLE DEMO

Answer 7

純JS ：

<input type = "button" value = "What?" name = "wic" onclick = "whatischecked(this.name);" /> 

Event onClick：

function whatischecked(name) { 
     var 
      emp = document.getElementById("employed_yes").checked 
      nonemp = document.getElementById("employed_no").checked 

     if (emp) { 
      alert("Employed"); 
     }; 

     if (nonemp) { 
       alert("Non-Employed"); 
      };   

     if ((emp == false) & (nonemp == false)) 
     { 
      alert("nothing checked") 
     }; 
    }