用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

checkbox 与 radio js操作复选框单选框

2012-12-02 作者: 程序猿style举报

[javascript]代码库

<html>
<head>
  <style>
    .title{font:20px red 黑体}
  </style>
</head>
<body>
  <form name="form1" id="form1" method="post" action="" enctype="multipart/form-data">
    <span class="title">选择要购买的水果?</span><br>
    <input type="checkbox" name="cbx" id="checkbox" value="苹果">苹果 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="西瓜">西瓜 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="梨子">梨子 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="桃子">桃子 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="荔枝">荔枝 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="葡萄">葡萄 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="草莓">草莓 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="桔子">桔子 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="山竹">山竹 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="榴莲">榴莲 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="芒果">芒果 &nbsp;&nbsp;
    <input type="checkbox" name="cbx" id="checkbox" value="石榴">石榴 &nbsp;&nbsp;
    <p><span class="title">操作导向:</span><br>
    <input type="radio" name="radio1" id="radio1" value="购买">选择好了,去收银台<br>
    <input type="radio" name="radio1" id="radio1" value="不购买">重新选择<br>
    </p>
    <input type="submit" name="button" id="button" value="提交" onClick="submitClick()">&nbsp;
    <input type="reset" name="button" id="button" value="重置">
  </form>
  <script type="text/javascript" language="javascript">
  //显示结果
  function submitClick()
  {
    var selValue=Select_check("cbx");
    if(selValue==0)
    {
      alert("你没有做出任何的选择,请选择后再提交");
      return false;
    }
    else
    {
      var selActionValue=Select_check("radio1");
      if (selActionValue==0)
      {
        alert("请你做出购买的选择!");
      }
      else
      {
        strMsg="你喜欢的水果有:"+selValue;
        strMsg +="\r\n并且你选择了:"+selActionValue + "操作";
        alert(strMsg);
       }
     }
  }
  function Select_check(objname)
  {
    var obj=document.getElementsByName(objname);
    var selArray=new Array();
    for (var i=0;i<obj.length;i++)
    {
      if(obj[i].checked)
      selArray.push(obj[i].value);
    }
    return selArray;
  }
  </script>
</body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...