javascript判斷復(fù)選框是否選中的方法
更新時(shí)間：2015年10月16日 14:46:04 投稿：lijiao
這篇文章主要介紹了javascript判斷復(fù)選框是否選中的方法，需要的朋友可以參考下
之前總結(jié)了一下關(guān)于jquery如何判斷復(fù)選框是否選中的問題，今天總結(jié)如何判斷js復(fù)選框是否選中
javascript判斷復(fù)選框是否選中，下面通過例子來說明（現(xiàn)在有如下的一組復(fù)選框）：
<input type="checkbox" name="fruit" value="apple" />蘋果 <input type="checkbox" name="fruit" value="orange" />橘子 <input type="checkbox" name="fruit" value="banana" />香蕉 <input type="checkbox" name="fruit" value="grape" />葡萄
獲取 name=fruit 的一組復(fù)選框的值的方法如下：
<script language="javascript">
function checkbox(){
var str=document.getElementsByName('fruit');
var strstrLen=str.length;
var checkVal='';
for (i=0;i<strLen;i++){
if(str[i].checked==true){
checkVal+=str[i].value+',';
}
}
if(checkVal==''){
alert("請(qǐng)先選擇復(fù)選框～！");
}else{
alert("復(fù)選框的值是："+checkVal);
}
}
</script>
與之前《jquery判斷復(fù)選框是否被選中的方法》結(jié)合起來一起學(xué)習(xí)，一定會(huì)有意想不到的收獲！
您可能感興趣的文章:
- javascript判斷單選框或復(fù)選框是否選中方法集錦
- JavaScript簡單判斷復(fù)選框是否選中及取出值的方法
- 關(guān)于extjs treepanel復(fù)選框選中父節(jié)點(diǎn)與子節(jié)點(diǎn)的問題
- js實(shí)現(xiàn)選中復(fù)選框文字變色的方法
- javascript實(shí)現(xiàn)復(fù)選框選中屬性
- JavaScript檢測并限制復(fù)選框選中個(gè)數(shù)的方法
- js全選實(shí)現(xiàn)和判斷是否有復(fù)選框選中的方法
- jquery獲取復(fù)選框被選中的值
- jquery獲取復(fù)選框被選中的值
- jquery判斷復(fù)選框是否被選中的方法
- jQuery實(shí)現(xiàn)獲取選中復(fù)選框的值實(shí)例詳解
- js判斷復(fù)選框是否選中的方法示例【基于jQuery】
相關(guān)文章
詳解Html a標(biāo)簽中href和onclick用法、區(qū)別、優(yōu)先級(jí)別
本文主要分享一篇關(guān)于Html A標(biāo)簽中href和onclick用法、區(qū)別、優(yōu)先級(jí)別,具有很好的參考價(jià)值,有需要了解的朋友可以看看2017-01-01
js實(shí)現(xiàn)橫向伸展開的二級(jí)導(dǎo)航菜單代碼
這篇文章主要介紹了js實(shí)現(xiàn)橫向伸展開的二級(jí)導(dǎo)航菜單代碼,涉及javascript鼠標(biāo)事件及頁面元素遍歷的相關(guān)技巧,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了微信小程序使用component自定義toast彈窗效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要給大家介紹了一道關(guān)于閉包bind、this的面試題，文中給出了詳細(xì)的示例代碼，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
javascript阻止scroll事件多次執(zhí)行的思路及實(shí)現(xiàn)
阻止scroll事件多次執(zhí)行主要是為了解決一些常見網(wǎng)頁特效在js解析時(shí)預(yù)期與效果不同，感興趣的朋友可以了解下2013-11-11
《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記一：Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)對(duì)象成員的定義分析
這篇文章主要介紹了《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)對(duì)象成員的定義,結(jié)合實(shí)例形式分析了《javascript設(shè)計(jì)模式》中JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)的原理、定義、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
迭代器是一個(gè)統(tǒng)一的接口，它的作用是使各種數(shù)據(jù)結(jié)構(gòu)可以被便捷的訪問，它是通過一個(gè)鍵為Symbol.iterator的方法來實(shí)現(xiàn)，這篇文章主要介紹了ES6 中的迭代器和生成器,需要的朋友可以參考下2022-11-11
微信小程序?qū)崿F(xiàn)自定義動(dòng)畫彈框/提示框的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)自定義動(dòng)畫彈框/提示框的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要介紹了微信小程序封裝多張圖片上傳api代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
js判斷手機(jī)訪問或者PC的幾個(gè)例子(常用于手機(jī)跳轉(zhuǎn))
js判斷手機(jī)或者PC的例子我們?cè)趲缀跛芯W(wǎng)站都會(huì)有這段代碼了，現(xiàn)在手機(jī)流量與pc差不多了，下面來看兩段js判斷手機(jī)或者PC例子吧2015-12-12