JavaScript簡單判斷複選框是否選取及取出值的方法_javascript技巧

本文實例講述了JavaScript簡單判斷複選框是否選取及取出值的方法。分享給大家供大家參考。具體如下：

這裡使用JavaScript 取得複選框的值，有朋友在剛開始利用表單提交資料的時候，一般都會遇到表單中有一個特別的元素－複選框，判斷它是否選中以及取得它的值，好像跟其它的表單元素有點不一樣，本程式碼將為您展示如何取得複選框的值並判斷是否已選取。

運作效果如下圖：

具體程式碼如下：

<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
 if(str[i].checked == true)
 {
  chestr+=str[i].value+",";
 }
}
if(chestr == "")
{
 alert("请先选择复选框～！");
}
else
{
 alert("复选框的值是："+chestr);
}
}
</script>
选择您的拿手技术：
<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

希望本文所述對大家的javascript程式設計有所幫助。