如何用javascript控制选择单选框?
<form method="post" action="1.php" name="word">
<input type="radio" name="title" value="a">
<input type="radio" name="title" value="b">
<input type="radio" name="title" value="c">
<input type="submit" name="add" value="提交">
</form>
请问如何用javascript控制用户必须在上面三个单选框中选择一个才能进行提交呢?否则就会弹出一个对话框“提示你必须先进行选择才能提交!”
问题点数:20、回复次数:3Top
1 楼woyingjie(Hobo)回复于 2004-09-03 20:39:57 得分 10
<form method="post" action="1.php" name="word" onsubmit=return(woyingjie(this))>
<input type="radio" name="title" value="a">
<input type="radio" name="title" value="b">
<input type="radio" name="title" value="c">
<input type="submit" name="add" value="提交">
</form>
<script>
function woyingjie(o){
for(i=0;i<o.title.length;i++){
if(o.title[i].checked){
return true;
}
}
alert("请选择一个");
return false;
}
</script>Top
2 楼woyingjie(Hobo)回复于 2004-09-03 20:40:48 得分 5
其实更简单的方法就是
<form method="post" action="1.php" name="word">
<input type="radio" name="title" value="a" checked>
<input type="radio" name="title" value="b">
<input type="radio" name="title" value="c">
<input type="submit" name="add" value="提交">
</form>Top
3 楼zltostem(五湖沸人)回复于 2004-09-03 20:53:00 得分 5
<script language="javascript">
<!--
function funcheck()
{
var str;
for(var i=0;i<document.all.length;i++)
{
if(document.all(i).type == 'radio' && document.all(i).checked == true) str = '1';
}
if(str != '1') {alert('请选择一个radio!');return false;}
else {word.submit();}
}
//-->
</script>
<form method="post" action="1.php" name="word">
<input type="radio" name="title" value="a">
<input type="radio" name="title" value="b">
<input type="radio" name="title" value="c">
<input type="button" name="add" value="提交" onclick="funcheck();">
</form>
Top




