Javascript通过单选、复选、下拉列表获取数据

最新推荐文章于 2023-04-23 16:58:33 发布

weixin_34411563

最新推荐文章于 2023-04-23 16:58:33 发布

阅读量133

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/adafox51/archive/2012/03/13/2393947.html

版权

javascript不仅可以取得文本的输入内容，也可以去的单选按钮或者复选框的输入内容。由于单选框的value可能是一样的，所以可以采用数组的行使分别判断哪个控件被选中。如性别的选择。复选框也是可以通过循环的方式取出每一个被选中的内容，选择个人兴趣(多选)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js操作单选按钮跟复选框</title>
<script language="javascript" type="text/javascript">
function show(){
  var sex;
  if(document.myform.sex[0].checked){
   sex=document.myform.sex[0].value;
  }else{
   sex=document.myform.sex[1].value;
  }
  alert("性别："+sex);

  var interest="";
  for(i=0;i<document.myform.inst.length;i++){
   if(document.myform.inst[i].checked){
    interest+=document.myform.inst[i].value+"---";
    }
   }
   alert("兴趣："+interest);
}
</script>
</head>
<body>
<form action="" method="post" name="myform">
    性别：<input type="radio" name="sex" value="男" checked="checked" />男
    <input type="radio" name="sex" value="女" />女<br />

    兴趣：<input type="checkbox" name="inst" value="sing" />唱歌
    <input type="checkbox" name="inst" value="dance" />跳舞
    <input type="checkbox" name="inst" value="read" />阅读
    <input type="checkbox" name="inst" value="sleep" />睡觉<br />
    <input type="button" value="显示" οnclick="show()" />
    </form>
</body>
</html>