Question

关于JavaScript中表单性别按钮验证的问题

新手求救:在form中添加两个关于性别的按钮,并且checked属性都为未选中,可是在写验证的js代码中不知道该怎么去判断它是否选中,哪位高手帮忙给予指点指点,谢谢.

Answer 1

可以使用Jquery的is()方法更轻松的解决这个问题。
is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。

<form action="" method="post" onsubmit="return yanzheng()">
性别:<input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女
<input type="submit"  value="提交" />
</form>
<script>
function yanzheng(){// 当表单提交时触发的验证方法    
    if(!$("input[name='sex']").is(":checked")){//如果name为sex的input没有被选中 
        alert('未选中');//弹出提示 
        reture false;// 返回假值表单不会提交 
    }else{
        return true;// 返回真值表单提交    
    }
}
</script>

Answer 2

<script>
function check(){
var a = "未选择";
sex = document.getElementsByName("sex");
for(i=0;i<sex.length;i++){if (sex[i].checked) a = sex[i].value;}
alert(a);
}
</script>
<form name="form" action="" method="post">
性别:<input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女

<input type="button" name="Submit" value="提交" onclick="check()" />
</form>

Answer 3

var rad1=document.getElementById("radio1");