JavaScript簡單判斷復選框是否選中及取出值的方法
更新時間：2015年08月13日 11:05:46 作者：企鵝
這篇文章主要介紹了JavaScript簡單判斷復選框是否選中及取出值的方法,涉及javascript遍歷復選框及元素取值的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JavaScript簡單判斷復選框是否選中及取出值的方法。分享給大家供大家參考。具體如下：
這里使用JavaScript 獲取復選框的值，有朋友在剛開始利用表單提交數(shù)據(jù)的時候，一般都會遇到表單中有一個特別的元素——復選框，判斷它是否選中以及獲取它的值 ，好像跟其它的表單元素有點不一樣，本代碼將為您展示如何獲取復選框的值并判斷是否被選中。
運行效果如下圖所示：
具體代碼如下：
<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程序設計有所幫助。
相關文章
下面小編就為大家?guī)硪黄猠charts餅圖扇區(qū)添加點擊事件的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
代理模式的定義是把對一個對象的訪問, 交給另一個代理對象來操作。接下來通過本文給大家介紹JavaScript的設計模式之代理模式，感興趣的朋友一起學習吧2016-02-02
在js中,正則表達式是由一個RegExp對象表示的，RegExp 是正則表達式的縮寫。RegExp簡單的模式可以是一個單獨的字符。更復雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等。可以使用一個RegExp()構造函數(shù)來創(chuàng)建RegExp對象，也可以使用直接量語法2015-11-11
這篇文章主要介紹了js實現(xiàn)頂部可折疊的菜單工具欄效果,可實現(xiàn)鼠標滑過菜單工具欄出現(xiàn)折疊與展開效果,涉及javascript鼠標事件及樣式的操作技巧,需要的朋友可以參考下2015-05-05
JavaScript瀏覽器對象模型BOM(BrowserObjectModel)實例詳解
這篇文章主要介紹了JavaScript瀏覽器對象模型BOM(BrowserObjectModel),結合實例形式較為詳細的分析了BOM模型的常用對象與相關使用技巧,需要的朋友可以參考下2016-11-11
感謝網(wǎng)友“l(fā)iufabin”提出的關于不支持FF的問題，第一個在FF下經(jīng)過測試時支持的，第二個中的高度自適應不支持，我在網(wǎng)上找了一個JQUERY的插件2009-05-05
JavaScript參數(shù)個數(shù)可變的函數(shù)舉例說明
JavaScript允許一個函數(shù)傳遞個數(shù)可變的參數(shù)，因為有arguments這個內(nèi)置對象，它一個函數(shù)傳遞的所有參數(shù)的數(shù)組2014-10-10
js刪除數(shù)組中的元素delete和splice的區(qū)別詳解
下面小編就為大家分享一篇js刪除數(shù)組中的元素delete和splice的區(qū)別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
獲取頁面高度，窗口高度，滾動條高度等參數(shù)值getPageSize,getPageScroll
獲取頁面高度，窗口高度，滾動條高度等參數(shù)值getPageSize,getPageScroll...2006-09-09
這篇文章主要為大家介紹了JavaScript制作簡單的日歷效果實現(xiàn)代碼，感興趣的小伙伴們可以參考一下2016-03-03