转载：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>
分享到：
相关推荐
JavaScript开发项目法律咨询微信小程序源代码，JavaScript开发项目法律咨询微信小程序源代码JavaScript开发项目法律咨询微信小程序源代码JavaScript开发项目法律咨询微信小程序源代码JavaScript开发项目法律咨询微信...
JavaScript开发课程设计校园新闻微信小程序源代码，JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发...
JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码...
JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码。...
在本实例集中，我们将会深入探讨450个JavaScript小程序，这些实例覆盖了JavaScript的基础语法、DOM操作、事件处理、AJAX请求、函数编程、对象操作以及更高级的主题。 1. **基础语法**：JavaScript的基础包括变量...
"450个javascript小程序"这个资源集合了大量JavaScript代码示例，旨在帮助开发者学习和理解JavaScript的各种功能和应用。 首先，JavaScript的核心概念包括变量、数据类型、运算符、控制结构（如条件语句和循环）、...
在这个“JavaScript小程序”中，我们有两个基于JavaScript编写的简单游戏：重排九宫和小蛇吃蛋。这两个游戏对于初学者来说是很好的学习资源，能够帮助他们深入理解JavaScript的基础语法和事件处理。 首先，让我们来...
腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持，使得开发者可以自由地实现自己的微信小程序产品。 在此基础上，腾讯位置服务微信小程序...
【资源说明】基于JavaScript网易云的微信音乐播放器小程序源码.zip基于JavaScript网易云的微信音乐播放器小程序源码.zip基于JavaScript网易云的微信音乐播放器小程序源码.zip基于JavaScript网易云的微信音乐播放器小...
基于JavaScript的智能水印相机微信小程序源码+项目说明.tar基于JavaScript的智能水印相机微信小程序源码+项目说明.tar基于JavaScript的智能水印相机微信小程序源码+项目说明.tar基于JavaScript的智能水印相机微信小...
JavaScript开发文旅招商云小程序源代码JavaScript开发文旅招商云小程序源代码JavaScript开发文旅招商云小程序源代码JavaScript开发文旅招商云小程序源代码JavaScript开发文旅招商云小程序源代码JavaScript开发文旅...
JavaScript小程序源码主要涉及到的是使用JavaScript语言开发微信小程序的应用，其中包含了2048小游戏的实现。微信小程序是一种轻量级的应用开发平台，它允许开发者使用JavaScript、WXML（微信小程序标记语言）和WXSS...
JavaScript开发高质量论坛小程序项目源代码.JavaScript开发高质量论坛小程序项目源代码.JavaScript开发高质量论坛小程序项目源代码.JavaScript开发高质量论坛小程序项目源代码.JavaScript开发高质量论坛小程序项目源...
这个名为“一个由JavaScript和HTML5写的太极小程序.zip”的压缩包包含了一个基于Web技术实现的太极小程序。这个项目主要是为了帮助新手学习JavaScript、HTML5以及可能涉及到的CSS3技术，同时也满足了那些对太极和...
自己用javascript编写的一个倒计时小程序， 可以配置倒计时长，警告时长，倒计时结束提示； 有 开始、暂停、结束、重新计时 4个按钮功能； 在最后xx秒发出警告声音，在倒计时结束后发出结束声音。 声音用的是新闻...
JavaScript毕业设计英语单词对战小程序系统源码，基于“微信小程序” + “云开发”实现的单词对战小程序。微信小程序，单词对战游戏，支持好友对战、随机匹配、人机对战等。大师级UI，毕业设计 单词微信小程序。...
基于JavaScript开发的微信小程序大作业源码基于JavaScript开发的微信小程序大作业源码基于JavaScript开发的微信小程序大作业源码基于JavaScript开发的微信小程序大作业源码基于JavaScript开发的微信小程序大作业源码...
JavaScript实训课程设计基于微信小程序的驾考应用，JavaScript实训课程设计基于微信小程序的驾考应用JavaScript实训课程设计基于微信小程序的驾考应用JavaScript实训课程设计基于微信小程序的驾考应用JavaScript实训...
小程序源码（javascript）小熊日记.zip 小程序源码（javascript）小熊日记.zip 小程序源码（javascript）小熊日记.zip 小程序源码（javascript）小熊日记.zip 小程序源码（javascript）小熊日记.zip 小程序源码...
小程序源码（javascript）祝福话.zip 小程序源码（javascript）祝福话.zip 小程序源码（javascript）祝福话.zip 小程序源码（javascript）祝福话.zip 小程序源码（javascript）祝福话.zip 小程序源码（javascript）...