本文實(shí)例講述了JavaScript簡單判斷復(fù)選框是否選中及取出值的方法。分享給大家供大家參考。具體如下：
這里使用JavaScript 獲取復(fù)選框的值，有朋友在剛開始利用表單提交數(shù)據(jù)的時(shí)候，一般都會(huì)遇到表單中有一個(gè)特別的元素――復(fù)選框，判斷它是否選中以及獲取它的值 ，好像跟其它的表單元素有點(diǎn)不一樣，本代碼將為您展示如何獲取復(fù)選框的值并判斷是否被選中。
運(yùn)行效果如下圖所示：
具體代碼如下：
<title>JavaScript 獲取復(fù)選框的值</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("請(qǐng)先選擇復(fù)選框～！");}else{ alert("復(fù)選框的值是："+chestr);}}</script>選擇您的拿手技術(shù)：<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="提交" />希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
