JavaScript簡(jiǎn)單判斷復(fù)選框是否選中及取出值的方法

更新時(shí)間：2015年08月13日 11:05:46 作者：企鵝

這篇文章主要介紹了JavaScript簡(jiǎn)單判斷復(fù)選框是否選中及取出值的方法,涉及javascript遍歷復(fù)選框及元素取值的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JavaScript簡(jiǎn)單判斷復(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript異步編程的4種方法讓你寫出更出色的程序
本文總結(jié)了"異步模式"編程的4種方法，理解它們可以讓你寫出結(jié)構(gòu)更合理、性能更出色、維護(hù)更方便的Javascript程序
2013-01-01
node.js Web應(yīng)用框架Express入門指南
這篇文章主要介紹了node.js Web應(yīng)用框架Express入門指南,從安裝到各種技術(shù)的應(yīng)用,都進(jìn)行了講解,是一篇不錯(cuò)的Express入門教程,需要的朋友可以參考下
2014-05-05
JavaScript中常見的數(shù)據(jù)類型判斷方法小結(jié)
在?JS?編程中,正確判斷數(shù)據(jù)類型是必備技能,也是面試常問的內(nèi)，本文將探討四種常用的數(shù)據(jù)類型判斷方法，通過了解它們的特點(diǎn)和適用范圍,能夠更好地處理不同數(shù)據(jù)類型的情況,避免出現(xiàn)錯(cuò)誤和提升代碼質(zhì)量,需要的朋友可以參考下
2023-06-06
用javascript對(duì)一個(gè)json數(shù)組深度賦值示例
本節(jié)主要介紹了用javascript對(duì)一個(gè)json數(shù)組深度賦值的具體實(shí)現(xiàn)，需要的朋友可以參考下
2014-07-07
js 通用javascript函數(shù)庫(kù)整理
js 通用javascript函數(shù)庫(kù)整理，學(xué)習(xí)js的朋友可以參考下。
2011-08-08
js實(shí)現(xiàn)文字超出部分用省略號(hào)代替實(shí)例代碼
關(guān)于超出一定字?jǐn)?shù)用省略號(hào)顯示的問題，這種要求在我們?nèi)粘ｉ_發(fā)的時(shí)候經(jīng)常見到，我們之前基本都是用CSS來完成的，今天給大家分享個(gè)Javascript實(shí)現(xiàn)這個(gè)功能的示例代碼，有需要的可以參考借鑒。
2016-09-09
RequireJS多頁(yè)面應(yīng)用實(shí)例分析
這篇文章主要介紹了RequireJS多頁(yè)面應(yīng)用實(shí)例分析的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
前端流式輸出的三種實(shí)現(xiàn)方法
這篇文章主要介紹了前端流式輸出的三種實(shí)現(xiàn)方法,流式輸出在前端開發(fā)中用于逐步處理和顯示數(shù)據(jù),特別是對(duì)于大型數(shù)據(jù)集和實(shí)時(shí)數(shù)據(jù),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-11-11
ElementUI el-switch 使用示例詳解
在這篇文章中,我們?cè)敿?xì)介紹了 ElementUI 的 el-switch 組件,從基本用法到高級(jí)應(yīng)用,以及其背后的實(shí)現(xiàn)原理,需要的朋友可以參考下
2024-08-08
JS實(shí)現(xiàn)復(fù)制功能
本文主要介紹了JS實(shí)現(xiàn)復(fù)制功能的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-03-03