通過JS代碼如何獲取復(fù)選框的選擇項(xiàng)

2012/11/1 20:09:07作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

【實(shí)例描述】

復(fù)選框由多個(gè)checkbox構(gòu)成。本例學(xué)習(xí)如何判斷用戶的選擇，并獲取用戶的選擇值。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（m.wangbatian.cn）</title>
<script language="JavaScript">
function mySelect()
{
     var i=0;
     var j=0;
     var selectObj=document.getElementsByName("love");
     //遍歷復(fù)選框的選擇
    for (i=0;i<selectObj.length;i++) {
        if (selectObj[i].checked) {
          j=1;
          break;
        }
    }
    if (j!=1) {
      alert("請選擇至少一種愛好！")
         return false;
    }
    alert(selectObj[i].value);//顯示所選擇的第一項(xiàng)的內(nèi)容
}
</script>
</head>
<body>
<form name="form1">
<input type="checkbox" name="love" value="旅游" >旅游
<input type="checkbox" name="love" value="體育" >體育<br/>
<input type="checkbox" name="love" value="購物" >購物
<input type="checkbox" name="love" value="影視" >影視
<input type="checkbox" name="love" value="音樂" >音樂
<input type="button" value="我的選擇" onclick="mySelect()">
</form>
</html>

【運(yùn)行效果】

獲取復(fù)選框的選擇項(xiàng)運(yùn)行效果