单选按钮用法, 选择的值

最新推荐文章于 2024-06-18 21:36:38 发布

weixin_30788731

最新推荐文章于 2024-06-18 21:36:38 发布

阅读量115

点赞数

文章标签： xhtml php

原文链接：http://www.cnblogs.com/lin3615/p/3543603.html

版权

如果没有选择的话，返回的值为 undefined

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>xxx</title>
<script>
/**
*state 的值为单选中 value 的值
*/
function test(form){
   var i = form.ok.length;
   var state;
   for(var j=0; j<i; j++){
       if(form.ok[j].checked){
           state = form.ok[j].value;
       }
   }
   if(state == undefined){
       alert("你没有选择！");
       return false;
   }
   alert(state);
   return false;
}
</script>
</head>
<body>
<table border="1" width="150">
<form name="myform" id="myform" method="post" action="test.php">
<input type="radio" name="ok" value="1" />aaaa<br />
<input type="radio" name="ok" value="2" />bbbb<br />
<input type="radio" name="ok" value="3" />cccc<br />
<button name="sub" οnclick="return test(myform)">Button</button>
</form>
</table>
</body>
</html>