被選中的復(fù)選框求和JS代碼怎么寫

2012/11/1 11:17:08作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

在一購(gòu)物網(wǎng)站的購(gòu)物籃設(shè)計(jì)中，要求在用戶選中商品后自動(dòng)計(jì)算商品的總價(jià)格。本例通過(guò)一個(gè)簡(jiǎn)單的復(fù)選框，實(shí)現(xiàn)這種計(jì)算總和的效果。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（denvermotorcycleaccidentlawyer.com）</title>
<script language="javascript">
function dataCal(){
 var sum=0;
 var obj=document.getElementsByName("items"); 
//取得頁(yè)面所有的items復(fù)選框?qū)ο?
 for(var i=0;i<obj.length;i++)
 {
   if(!obj[i].checked)
      continue;      //如果沒(méi)有選中，則執(zhí)行下一次
   sum+=parseFloat(obj[i].value);   
//如果被選中的話，則累加求和
 }
  alert("總和為:"+sum);
}
</script>
</head>
<body>
<input type="checkbox" value="11" name="items">11<br/>
<input type="checkbox" value="22" name="items">22<br/>
<input type="checkbox" value="33" name="items">33<br/>
<input type="checkbox" value="44" name="items">44<br/>
<input type="button" value="求和" onclick="dataCal()"></body>
</html>

【運(yùn)行效果】

運(yùn)行效果