关于JavaScript中表单性别按钮验证的问题
发布网友
发布时间:2022-05-10 20:44
我来回答
共3个回答
热心网友
时间:2022-05-16 04:26
可以使用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>
热心网友
时间:2022-05-16 05:44
<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>
热心网友
时间:2022-05-16 07:19
var rad1=document.getElementById("radio1");