JavaScript簡單判斷復(fù)選框是否選中及取出值的方法
本文實例講述了JavaScript簡單判斷復(fù)選框是否選中及取出值的方法。分享給大家供大家參考。具體如下:
這里使用JavaScript 獲取復(fù)選框的值,有朋友在剛開始利用表單提交數(shù)據(jù)的時候,一般都會遇到表單中有一個特別的元素——復(fù)選框,判斷它是否選中以及獲取它的值 ,好像跟其它的表單元素有點不一樣,本代碼將為您展示如何獲取復(fù)選框的值并判斷是否被選中。
運行效果如下圖所示:
具體代碼如下:
<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("請先選擇復(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="提交" />
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
JavaScript的設(shè)計模式經(jīng)典之代理模式
代理模式的定義是把對一個對象的訪問, 交給另一個代理對象來操作。接下來通過本文給大家介紹JavaScript的設(shè)計模式之代理模式,感興趣的朋友一起學(xué)習(xí)吧2016-02-02JavaScript學(xué)習(xí)小結(jié)(7)之JS RegExp
在js中,正則表達式是由一個RegExp對象表示的,RegExp 是正則表達式的縮寫。RegExp簡單的模式可以是一個單獨的字符。更復(fù)雜的模式包括了更多的字符,并可用于解析、格式檢查、替換等等??梢允褂靡粋€RegExp()構(gòu)造函數(shù)來創(chuàng)建RegExp對象,也可以使用直接量語法2015-11-11JavaScript瀏覽器對象模型BOM(BrowserObjectModel)實例詳解
這篇文章主要介紹了JavaScript瀏覽器對象模型BOM(BrowserObjectModel),結(jié)合實例形式較為詳細(xì)的分析了BOM模型的常用對象與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11JavaScript參數(shù)個數(shù)可變的函數(shù)舉例說明
JavaScript允許一個函數(shù)傳遞個數(shù)可變的參數(shù),因為有arguments這個內(nèi)置對象,它一個函數(shù)傳遞的所有參數(shù)的數(shù)組2014-10-10js刪除數(shù)組中的元素delete和splice的區(qū)別詳解
下面小編就為大家分享一篇js刪除數(shù)組中的元素delete和splice的區(qū)別詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02獲取頁面高度,窗口高度,滾動條高度等參數(shù)值getPageSize,getPageScroll
獲取頁面高度,窗口高度,滾動條高度等參數(shù)值getPageSize,getPageScroll...2006-09-09