如果未选择,则无线电组出现问题

时间:2011-09-09 06:45:02

标签: jquery

我有一组名为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的标签中收到错误消息。

2 个答案:

答案 0 :(得分:3)

如果未选中收音机,

$('input[name=gender]:checked','#addchildform').val()应返回undefined。 改变你的代码并尝试一下:

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

答案 1 :(得分:0)

在此示例中,我得到undefined。这是工作解决方案:http://jsfiddle.net/ypa59/2/