六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 24|回复: 0

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

[复制链接]

升级  10.2%

171

主题

171

主题

171

主题

进士

Rank: 4

积分
551
 楼主| 发表于 2013-2-7 16:25:11 | 显示全部楼层 |阅读模式
转载: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 >    <form action="" name="myform">    <input type="checkbox" name="box" >请输入一个价钱:<input type="text" id="test" name="test" disabled="disabled"><br>    <input type="checkbox" name="box" >请输入一个价钱:<input type="text" id="test" name="test" disabled="disabled"><br>    <input type="checkbox" name="box" >请输入一个价钱:<input type="text" id="test" name="test" disabled="disabled"><br>    <input type="checkbox" value="selectAll" >全选     <input type="button" value="提交" >    </form>    </body></html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表