本程序的特点:
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>
