JavaScript簡(jiǎn)單判斷復(fù)選框是否選中及取出值的方法
本文實(shí)例講述了JavaScript簡(jiǎn)單判斷復(fù)選框是否選中及取出值的方法。分享給大家供大家參考。具體如下:
這里使用JavaScript 獲取復(fù)選框的值,有朋友在剛開(kāi)始利用表單提交數(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ì)有所幫助。
- 在js中單選框和復(fù)選框獲取值的方式
- js checkbox(復(fù)選框) 使用集錦
- Js動(dòng)態(tài)添加復(fù)選框Checkbox的實(shí)例方法
- javascript判斷單選框或復(fù)選框是否選中方法集錦
- JS實(shí)現(xiàn)復(fù)選框的全選和批量刪除功能
- js獲取單選框或復(fù)選框值及操作
- JS獲取復(fù)選框的值,并傳遞到后臺(tái)的實(shí)現(xiàn)方法
- javascript動(dòng)態(tài)添加checkbox復(fù)選框的方法
- JS實(shí)現(xiàn)CheckBox復(fù)選框全選全不選功能
- js中復(fù)選框的取值及賦值示例詳解
相關(guān)文章
echarts餅圖扇區(qū)添加點(diǎn)擊事件的實(shí)例
下面小編就為大家?guī)?lái)一篇echarts餅圖扇區(qū)添加點(diǎn)擊事件的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10JavaScript的設(shè)計(jì)模式經(jīng)典之代理模式
代理模式的定義是把對(duì)一個(gè)對(duì)象的訪問(wèn), 交給另一個(gè)代理對(duì)象來(lái)操作。接下來(lái)通過(guò)本文給大家介紹JavaScript的設(shè)計(jì)模式之代理模式,感興趣的朋友一起學(xué)習(xí)吧2016-02-02JavaScript學(xué)習(xí)小結(jié)(7)之JS RegExp
在js中,正則表達(dá)式是由一個(gè)RegExp對(duì)象表示的,RegExp 是正則表達(dá)式的縮寫。RegExp簡(jiǎn)單的模式可以是一個(gè)單獨(dú)的字符。更復(fù)雜的模式包括了更多的字符,并可用于解析、格式檢查、替換等等??梢允褂靡粋€(gè)RegExp()構(gòu)造函數(shù)來(lái)創(chuàng)建RegExp對(duì)象,也可以使用直接量語(yǔ)法2015-11-11js實(shí)現(xiàn)頂部可折疊的菜單工具欄效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)頂部可折疊的菜單工具欄效果,可實(shí)現(xiàn)鼠標(biāo)滑過(guò)菜單工具欄出現(xiàn)折疊與展開(kāi)效果,涉及javascript鼠標(biāo)事件及樣式的操作技巧,需要的朋友可以參考下2015-05-05JavaScript瀏覽器對(duì)象模型BOM(BrowserObjectModel)實(shí)例詳解
這篇文章主要介紹了JavaScript瀏覽器對(duì)象模型BOM(BrowserObjectModel),結(jié)合實(shí)例形式較為詳細(xì)的分析了BOM模型的常用對(duì)象與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11JavaScript參數(shù)個(gè)數(shù)可變的函數(shù)舉例說(shuō)明
JavaScript允許一個(gè)函數(shù)傳遞個(gè)數(shù)可變的參數(shù),因?yàn)橛衋rguments這個(gè)內(nèi)置對(duì)象,它一個(gè)函數(shù)傳遞的所有參數(shù)的數(shù)組2014-10-10js刪除數(shù)組中的元素delete和splice的區(qū)別詳解
下面小編就為大家分享一篇js刪除數(shù)組中的元素delete和splice的區(qū)別詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02獲取頁(yè)面高度,窗口高度,滾動(dòng)條高度等參數(shù)值getPageSize,getPageScroll
獲取頁(yè)面高度,窗口高度,滾動(dòng)條高度等參數(shù)值getPageSize,getPageScroll...2006-09-09