自己写的一个判断价钱的javascript小程序

最新推荐文章于 2022-04-21 17:29:23 发布

iteye_2903

最新推荐文章于 2022-04-21 17:29:23 发布

阅读量143

点赞数

分类专栏： javascript 文章标签： JavaScript HTML Blog ViewUI

本文链接：https://blog.csdn.net/iteye_2903/article/details/81688622

版权

javascript 专栏收录该内容

112 篇文章 1 订阅

订阅专栏

转载：http://hi.baidu.com/javajavajava/blog


本程序的特点:
1.两个checkbox至少要选择一个!
2.选择checkbox以后对应的text才可以输入!
3.输入的数字不符合要求时马上提示!
4.验证不通过不会提交表单!
5.刷新不会出现乱套的问题!
6.可以全选


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
      <title>new.html</title>
      <meta http-equiv="content-type" content="text/html; charset=gb2312">
    </head>
    <script type="text/javascript">

    function checkPrice(text,box){
     str=document.getElementsByName(text);
     box=document.getElementsByName(box);
     var i=0,flag=false;
      var re=/^\d{1,7}(\.\d{1,2})?$/;//数字必须是整数部分是1-7位、小数部分1-2位的数

     for(i;i<str.length;i++){
     if(box[i].checked){
      flag=true;
      if(str[i].value==""||str[i].value==null){
       alert("请输入第"+(i+1)+"个数字!");
       return false;
       }
      else if(!str[i].value.match(re)){
       alert("第"+(i+1)+"个格式不对!");
       return false;
       }
      }
     }
     if(flag){
      return true;
     }else{
      alert("至少选择一项!");
      return false;
     }
    } 
     function checkDisable(text,box){
      str=document.getElementsByName(text);
      box=document.getElementsByName(box);
      for(i=0;i<str.length;i++){
       if(box[i].checked){
        str[i].disabled=false;
       }else{
        str[i].disabled=true;
       }
       }
     }
     function selectAll(o,box){
      var box=document.getElementsByName(box);
      for(var i=0;i<box.length;i++){
       box[i].checked=o.checked;
       }
     }
    </script>
    <body onload="checkDisable('test','box')">
    <form action="" name="myform">
    <input type="checkbox" name="box" onclick="checkDisable('test','box')">请输入一个价钱：<input type="text" id="test" name="test" disabled="disabled"><br>
    <input type="checkbox" name="box" onclick="checkDisable('test','box')">请输入一个价钱：<input type="text" id="test" name="test" disabled="disabled"><br>
    <input type="checkbox" name="box" onclick="checkDisable('test','box')">请输入一个价钱：<input type="text" id="test" name="test" disabled="disabled"><br>
    <input type="checkbox" value="selectAll" onclick="selectAll(this,'box'),checkDisable('test','box')">全选
     <input type="button" value="提交" onclick="checkPrice('test','box')">
    </form>
    </body>
</html>