我把你那个改成表格的了~这样比较好实现~代码如下：
<table width="600" border="1" align="center" style="text-align:center"><tr>
<td width="102"><input type="checkbox" id="all"/>全选</td>
<td width="203">商品</td>
<td width="119">单价</td>
<td width="148">数量</td>
</tr>
<tr>
<td><input type="checkbox" id="qianbi"/></td>
<td>铅笔</td>
<td>1.5元/支</td>
<td><input type="text" id="qianbi_t" value="1" /></td>
</tr>
<tr>
<td><input type="checkbox" id="yuanzhu" value="" /></td>
<td>圆珠笔</td>
<td>2.5元/支</td>
<td><input type="text" id="yuanzhu_t" value="1" /></td>
</tr>
<tr>
<td><input type="checkbox" id="gangbi" value="" /></td>
<td>钢笔</td>
<td>3元/支</td>
<td><input type="text" id="gangbi_t" value="1" /></td>
</tr>
<tr>
<td colspan="4">金额合计：<span id="m" style="color:#F00"></span>元    <button>提交订单</button></td>
</tr>
</table>
<script type="text/javascript">
var all=document.getElementById("all")
var qianbi=document.getElementById("qianbi")
var yuanzhubi=document.getElementById("yuanzhu")
var gangbi=document.getElementById("gangbi")
var qb_m=0,yzb_m=0,gb_m=0
all.onclick=function(){
if(all.checked){
qianbi.checked=true
yuanzhubi.checked=true
gangbi.checked=true
}
else{
qianbi.checked=false
yuanzhubi.checked=false
gangbi.checked=false
}
sub()
}
qianbi.onclick=function(){sub()}
yuanzhubi.onclick=function(){sub()}
gangbi.onclick=function(){sub()}
document.getElementById("qianbi_t").addEventListener("change",function(e){
sub()
})
document.getElementById("yuanzhu_t").addEventListener("change",function(e){
sub()
})
document.getElementById("gangbi_t").addEventListener("change",function(e){
sub()
})
function sub(){
if(qianbi.checked){
qb_m=document.getElementById("qianbi_t").value*1.5
}
else{
qb_m=0
all.checked=false
}
if(yuanzhubi.checked){
yzb_m=document.getElementById("yuanzhu_t").value*2.5
}
else{
yzb_m=0
all.checked=false
}
if(gangbi.checked){
gb_m=document.getElementById("gangbi_t").value*3
}
else{
gb_m=0
all.checked=false
}
var sum=qb_m+yzb_m+gb_m
document.getElementById("m").innerHTML=sum
}
</script>
复制到网页的body中去就行了~试试看~不懂得再来问我~
