radio值_表单按钮特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      radio值,您可以先修改部分代码再运行.

      <html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <meta name="Author" mrc="海娃,haiwa"> <meta name="keywords" mrc="mb5u.com asp creater"> <title>radio值-模板无忧-www.mb5u.com</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> function chkform() { var i=0; var select = false var obj = form.name for(i=0 ;i<obj.length;i++) { if(obj[i].checked) { alert(obj[i].value); select = true; } } if (!select){alert("没有选择")} } </SCRIPT> <form method="POST" name="form" > <input class="checkbox" id="name0" type="radio" name="name" value="博士"><label for="name0">博士</label> <input class="checkbox" id="name1" type="radio" name="name" value="硕士"><label for="name1">硕士</label> <input class="checkbox" id="name2" type="radio" name="name" value="本科"><label for="name2">本科</label> <input class="checkbox" id="name3" type="radio" name="name" value="大专"><label for="name3">大专</label> <input class="checkbox" id="name4" type="radio" name="name" value="中专"><label for="name4">中专</label> <input class="checkbox" id="name5" type="radio" name="name" value="中技"><label for="name5">中技</label> <input class="checkbox" id="name6" type="radio" name="name" value="高中"><label for="name6">高中</label> <input class="checkbox" id="name7" type="radio" name="name" value="初中"><label for="name7">初中</label> <input class="checkbox" id="name8" type="radio" name="name" value="小学"><label for="name8">小学</label> <input type="button" onclick='chkform();' value="确 定" class=button> <input type="reset" value="重 置" class=button> </form> <p align="center"><a href="http://www.mb5u.com">http://www.mb5u.com</a></p> </body> </html>