ラジオボタンが選択されていない場合の問題

Question

ラジオボタンのグループがgenderです。私はjqueryを使ってラジオの価値を得ています。

<label id="msg"></label>  
<label><input type="radio" name="gender" value="male" />Male</label> 
<label><input type="radio" name="gender" value="female" />Female</label> 

関連Jquery。

var gender = $('input[name=gender]:checked','#addchildform').val(); 
if (gender === null || gender === "") { 
     $('#msg').html("<h3>Select Gender.</h3>"); 
     return false; 
} 

私の問題は、選択されたラジオの価値を得ていますが、値が ""またはnullの場合です。私はid msgのラベルにエラーメッセージを表示していません。

Answer 1

$('input[name=gender]:checked','#addchildform').val()は、ラジオがチェックされていない場合、undefinedを返す必要があります。 はそのようなあなたのコードを変更し、それを試してみる：私はundefinedを取得このサンプルで

if (typeof gender === 'undefined') { 
     $('#msg').html("<h3>Select Gender.</h3>"); 
     return false; 
} 

Answer 2

。ここに解決策があります：http://jsfiddle.net/ypa59/2/