有没有大佬帮忙看下为什么点击按钮触发不了函数呢？

cyjhffij 2021-04-29 05:33:31

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>儿童书籍-商品备选区</title>
<style type="text/css">
table{width:1000px;height:600px;}
td{text-align: center;vertical-align: middle;}
.theButton{width:100px;height:60px;margin: 20px;border: 2px groove #33ff66;}
</style>
<script type="text/javascript">
var result;
var product=new Array("红色羊齿草的故乡","绿野仙踪","开往快乐谷的地铁","胡小闹日记","幸运的米拉全集","小猪唏哩呼噜");
var price=new Array(27.0,39.8,36.0,11.0,500.0,68.3);
var isSelected=new Array(0,0,0,0,0,0);
function clearAll()
{
isSelected=[0,0,0,0,0,0];
myForm.sp0.checked=false;
myForm.sp1.checked=false;
myForm.sp2.checked=false;
myForm.sp3.checked=false;
myForm.sp4.checked=false;
myForm.sp5.checked=false;
}
function checkOut()
{
var count=0;
var total=0;
for (i=0;i<isSelected.length;i++)
{
count+=isSelected[i];
}
for (i=0;i<price.length;i++)
{
total=total+price[i]*isSelected[i];
}
alert("您所选购的"+count+"件，产品总价="+total+"\n"+"请去支付！");
}
function shoppingSelect()
{
var selectList=""
for (j=0;j<procuct.length;j++)
{
if (isSelected[j])
{
selectList+=(j+1)+"-"+product[j]+"，价值="+price[j]+"\n";
}
}
var info=(selectList="")? "您的购物车为空，请购选！":selectList;
alert(info);
}
function checkSelect(number)
{
var temp;
switch(number)
{
case 0
temp=myForm.sp0.checked;break;
case 1
temp=myForm.sp1.checked;break;
case 2
temp=myForm.sp2.checked;break;
case 3
temp=myForm.sp3.checked;break;
case 4
temp=myForm.sp4.checked;break;
case 5
temp=myForm.sp5.checked;break;
}
isSelected[number]=(temp)?1:0;
}
</script>
</head>
<body>
<form name="myForm" method="post" action="">
<table align="center" border="1">
<caption>儿童书籍-商品备选区</caption>
<tr>
<td><img src="童书1.jpg" width="300" height="200" /><br />
<h4>红色羊齿草的故乡</h4>
<input type="checkbox" name="sp0" value="27.0" onclick="checkSelect(0);"/>￥ 27.0<br />
</td>
<td><img src="童书2.png" width="300" height="200"/><br />
<h4>绿野仙踪</h4>
<input type="checkbox" name="sp1" value="39.8" onclick="checkSelect(1);"/>￥ 39.8<br />
</td>
<td><img src="童书3.png" width="300" height="200" /><br />
<h4>开往快乐谷的地铁</h4>
<input type="checkbox" name="sp2" value="36.0" onclick="checkSelect(2);"/>￥ 36.0<br />
</td>
</tr>
<tr>
<td><img src="童书4.png" width="300" height="200" /><br />
<h4>胡小闹日记</h4>
<input type="checkbox" name="sp3" value="11.0" onclick="checkSelect(3);"/>￥ 11.0<br />
</td>
<td><img src="童书5.png" width="300" height="200" /><br />
<h4>幸运的米拉全集</h4>
<input type="checkbox" name="sp4" value="500.0" onclick="checkSelect(4);"/>￥ 500.0<br />
</td>
<td><img src="童书6.png" width="300" height="200" /><br />
<h4>小猪唏哩呼噜</h4>
<input type="checkbox" name="sp5" value="68.3" onclick="checkSelect(5);"/>￥ 68.3<br />
</td>
</tr>
<tr>
<td colspan="3">
<input type="button" class="theButton" value="查看购物车" onclick="shoppingSelect();"/>
<input type="button" class="theButton" value="收银台结算" onclick="checkOut();"/>
<input type="button" class="theButton" value="初始化参数" onclick="clearAll();"/>
</td>
</tr>
</table>
</form>
</body>
</html>

...全文

162 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

浅影歌年 2021-04-30

打赏
举报


for (j=0;j<procuct.length;j++)

procuct.length的procuct拼写错误，你定义的是product

浅影歌年 2021-04-30

打赏
举报

粗略看一下，是switch语法有误，要改为一下的



switch(number)
{
case 0:
temp=myForm.sp0.checked;break;
case 1:
temp=myForm.sp1.checked;break;
case 2:
temp=myForm.sp2.checked;break;
case 3:
temp=myForm.sp3.checked;break;
case 4:
temp=myForm.sp4.checked;break;
case 5:
temp=myForm.sp5.checked;break;
}

weixin_37226778 2021-04-30