jQuery實(shí)現(xiàn)統(tǒng)計(jì)復(fù)選框選中數(shù)量
更新時(shí)間：2014年11月24日 15:15:36 投稿：hebedich
這里給大家分享一段jQuery實(shí)現(xiàn)的統(tǒng)計(jì)復(fù)選框選中數(shù)量的代碼，非常的實(shí)用，有需要的小伙伴們請(qǐng)帶走！
代碼很簡(jiǎn)介，功能也很簡(jiǎn)單，但是卻很實(shí)用，這里就不細(xì)說(shuō)明了直接上代碼
jQuery代碼：
復(fù)制代碼 代碼如下:
function countNum(){
//alert($('input[name=check]:checked').length);
var arrays = new Array();
var items = document.getElementsByName("check");
for(var i=0;i<items.length;i++){
if(items[i].checked){
arrays.push(items[i].value);
}
}
alert(arrays.length);
}
HTML代碼：
復(fù)制代碼 代碼如下:
<input type="checkbox" value="1" name="check" checked/>
<input type="checkbox" value="2" name="check"/>
<input type="checkbox" value="3" name="check"/>
<input type="button" value="選中個(gè)數(shù)" id="btn" onclick="countNum();">
項(xiàng)目中有相同需求的小伙伴可以參考下哈，有更好的方式也請(qǐng)聯(lián)系我。
您可能感興趣的文章:
- input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- input 和 textarea 輸入框最大文字限制的jquery插件
- jQuery實(shí)現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的代碼
- jQuery實(shí)現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
- jQuery檢測(cè)輸入的字符串包含的中英文的數(shù)量
- jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- jQuery計(jì)算textarea中文字?jǐn)?shù)(剩余個(gè)數(shù))的小程序
- 基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識(shí)別)
- JQuery 表單中textarea字?jǐn)?shù)限制實(shí)現(xiàn)代碼
- 基于jquery的inputlimiter 實(shí)現(xiàn)字?jǐn)?shù)限制功能
- JQuery統(tǒng)計(jì)input和textarea文字輸入數(shù)量(代碼分享)
相關(guān)文章
當(dāng)完成一個(gè)個(gè)交互的組件之后，為了更好組織代碼，漸漸的逼近了一個(gè)合理的模式，并且也從jQueryUI里面發(fā)現(xiàn)了這個(gè)模式。2010-12-12
jquery實(shí)現(xiàn)點(diǎn)擊查看更多內(nèi)容控制段落文字展開(kāi)折疊效果
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊查看更多內(nèi)容控制段落文字展開(kāi)折疊效果,涉及jquery中fadeIn與fadeOut實(shí)現(xiàn)折疊與展開(kāi)頁(yè)面元素的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
jQuery extend 的簡(jiǎn)單實(shí)例
這篇文章介紹了jQuery extend 的簡(jiǎn)單實(shí)例，有需要的朋友可以可以參考一下2013-09-09
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)拖拽添加元素功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
jquery實(shí)現(xiàn)文字單行橫移或翻轉(zhuǎn)（上下、左右跳轉(zhuǎn)）
本文詳細(xì)介紹了jquery實(shí)現(xiàn)單行橫移或翻轉(zhuǎn)（上下、左右跳轉(zhuǎn)）的方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
jquery select插件異步實(shí)時(shí)搜索實(shí)例代碼
這篇文章主要介紹了jquery select插件異步實(shí)時(shí)搜索實(shí)例代碼,需要的朋友可以參考下2017-10-10
基于jQuery的的一個(gè)隔行變色，鼠標(biāo)移動(dòng)變色的小插件
基于jQuery的的一個(gè)隔行變色，鼠標(biāo)移動(dòng)變色的小插件，學(xué)習(xí)jquery的朋友可以參考下。2010-07-07
jQuery實(shí)現(xiàn)點(diǎn)擊后標(biāo)記當(dāng)前菜單位置(背景高亮菜單)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊后標(biāo)記當(dāng)前菜單位置(背景高亮菜單)效果,涉及jquery鼠標(biāo)點(diǎn)擊事件及鏈?zhǔn)讲僮骺刂圃貥邮絼?dòng)態(tài)變換的技巧,需要的朋友可以參考下2015-08-08
jQuery 隱藏/顯示效果函數(shù)用法實(shí)例分析
這篇文章主要介紹了jQuery 隱藏/顯示效果函數(shù),結(jié)合實(shí)例形式分析了hide()、show()及toggle()函數(shù)的基本功能與使用技巧,需要的朋友可以參考下2020-05-05
jQuery滿意度星級(jí)評(píng)價(jià)插件特效代碼分享
這篇文章主要介紹了jQuery滿意度星級(jí)評(píng)價(jià)插件特效,我們可以自定義每個(gè)五角星代表的分值，鼠標(biāo)滑過(guò)五角星時(shí)即可計(jì)算當(dāng)前的分值，這款jQuery評(píng)分插件非常簡(jiǎn)單而且實(shí)用。有需要的小伙伴可以參考下2015-08-08