本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答