html 单选框验证 我想找一个验证单选框的方法，不是只验证它是否为空，还需要提示我选择了什么
如：<html><head><title>test</title></head><body><form><formaction=""method="post"><p>下面...
如：<html>
<head>
<title>test</title>
</head>
<body>
<form>
<form action="" method="post">
<p>下面哪位是唐代诗人？</p>
<input type="radio" name="radio" value="1" >李白<br />
<input type="radio" name="radio" value="2">苏轼<br />
<input type="radio" name ="radio" value="3">李清照<br />
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>
如果选择了“李白” 要提示选择正确
如果选择了其他两个要提示错误
希望高手可以指点一下 多谢了！ 展开
<head>
<title>test</title>
</head>
<body>
<form>
<form action="" method="post">
<p>下面哪位是唐代诗人？</p>
<input type="radio" name="radio" value="1" >李白<br />
<input type="radio" name="radio" value="2">苏轼<br />
<input type="radio" name ="radio" value="3">李清照<br />
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>
如果选择了“李白” 要提示选择正确
如果选择了其他两个要提示错误
希望高手可以指点一下 多谢了！ 展开
1个回答
展开全部
如果没有选择，提示 请选择。
如果选择了，提示 选中那个项的值 比如 1、2、3，如果把李白写在value里就可以显示诗人名称了，至于提示对错，同理。
<script>
var checkRadio = function(){
var oRadios = document.getElementsByName('radio');
var flag = false;
for( var i = 0, max = oRadios.length; i < max; i++){
if( oRadios[i].checked == true){
flag = true;
alert(oRadios[i].value);
}
}
if( flag == false){
alert('请选择！');
}
}
var btn = document.getElementsByName('submit')[0];
btn.onclick = function(){
checkRadio();
return false;
}
</script>
如果选择了，提示 选中那个项的值 比如 1、2、3，如果把李白写在value里就可以显示诗人名称了，至于提示对错，同理。
<script>
var checkRadio = function(){
var oRadios = document.getElementsByName('radio');
var flag = false;
for( var i = 0, max = oRadios.length; i < max; i++){
if( oRadios[i].checked == true){
flag = true;
alert(oRadios[i].value);
}
}
if( flag == false){
alert('请选择！');
}
}
var btn = document.getElementsByName('submit')[0];
btn.onclick = function(){
checkRadio();
return false;
}
</script>
追问
多谢高手指点！
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
