這里使用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ì)有所幫助。

您可能感興趣的文章:

相關(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-10
JavaScript的設(shè)計(jì)模式經(jīng)典之代理模式
代理模式的定義是把對(duì)一個(gè)對(duì)象的訪問(wèn), 交給另一個(gè)代理對(duì)象來(lái)操作。接下來(lái)通過(guò)本文給大家介紹JavaScript的設(shè)計(jì)模式之代理模式，感興趣的朋友一起學(xué)習(xí)吧
2016-02-02
JavaScript學(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-11
js實(shí)現(xiàn)頂部可折疊的菜單工具欄效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)頂部可折疊的菜單工具欄效果,可實(shí)現(xiàn)鼠標(biāo)滑過(guò)菜單工具欄出現(xiàn)折疊與展開(kāi)效果,涉及javascript鼠標(biāo)事件及樣式的操作技巧,需要的朋友可以參考下
2015-05-05
JavaScript瀏覽器對(duì)象模型BOM(BrowserObjectModel)實(shí)例詳解
這篇文章主要介紹了JavaScript瀏覽器對(duì)象模型BOM(BrowserObjectModel),結(jié)合實(shí)例形式較為詳細(xì)的分析了BOM模型的常用對(duì)象與相關(guān)使用技巧,需要的朋友可以參考下
2016-11-11
input 寬度自適應(yīng)
感謝網(wǎng)友“l(fā)iufabin”提出的關(guān)于不支持FF的問(wèn)題，第一個(gè)在FF下經(jīng)過(guò)測(cè)試時(shí)支持的，第二個(gè)中的高度自適應(yīng)不支持，我在網(wǎng)上找了一個(gè)JQUERY的插件
2009-05-05
JavaScript參數(shù)個(gè)數(shù)可變的函數(shù)舉例說(shuō)明
JavaScript允許一個(gè)函數(shù)傳遞個(gè)數(shù)可變的參數(shù)，因?yàn)橛衋rguments這個(gè)內(nèi)置對(duì)象，它一個(gè)函數(shù)傳遞的所有參數(shù)的數(shù)組
2014-10-10
js刪除數(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
JavaScript制作簡(jiǎn)單的日歷效果
這篇文章主要為大家介紹了JavaScript制作簡(jiǎn)單的日歷效果實(shí)現(xiàn)代碼，感興趣的小伙伴們可以參考一下
2016-03-03