var checkbox = document.getElementsByName("likes[]"); 
//此處通過此種方式才能獲得多選框?yàn)閿?shù)組。
                                            
//like為name = "like[]" , 獲得時(shí)必須加上[]
var checked_counts = 0;

for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked){     //被選中的checkbox
checked_counts++;
}
}

alert(checked_counts);

我做的是每點(diǎn)擊一下多選框就判斷當(dāng)前checked個(gè)數(shù)是否超過某個(gè)數(shù)值

function checkDate(){ 
  var n = $("#cart_q_num").val(); 
   var checkedCount=0; 
   var checkbox = document.getElementsByName("tie_in[]");
   //alert(checkbox.length);
   for(var i=0;i<checkbox.length ;i ++){ 
   if(checkbox[i].checked){ 
     checkedCount++; 

     } 
   } 
   //alert(checkedCount);
    if(checkedCount>n){ 
       alert("The quantity of the gifts should equal to the quantity of the sunglasses set."); 
      return false; 
   }else{
     $("#free_pro_selected_num").html(checkedCount);
    }
}

要使函數(shù)checkdata()每次點(diǎn)擊都發(fā)揮作用，需要在checkbox框中添加onclick事件：

<input type="checkbox" name="tie_in[]" value="1" onClick="return checkData()" />

以上這篇JS獲取checkbox的個(gè)數(shù)簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js
checkbox

相關(guān)文章

JavaScript中的各種寬高屬性的實(shí)現(xiàn)
這篇文章主要介紹了JavaScript中的各種寬高屬性的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
JS打印組合功能
這篇文章主要介紹了JS打印組合功能，包括JS實(shí)現(xiàn)簡單的頁面局部打印，感興趣的小伙伴們可以參考一下
2016-08-08
基于bootstrap風(fēng)格的彈框插件
這篇文章主要為大家詳細(xì)介紹了基于bootstrap風(fēng)格的彈框插件，適用于確認(rèn)框、提示框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JS原型繼承四步曲及原型繼承圖一覽
下面小編就為大家分享一篇JS原型繼承四步曲及原型繼承圖一覽，具有很好的參考價(jià)值。希望對大家有所幫助。一起跟隨小編過來看看吧
2017-11-11
$js中判斷數(shù)字\字母\中文的正則表達(dá)式 (實(shí)例)$
js中判斷數(shù)字\字母\中文的正則表達(dá)式 (實(shí)例)
js中判斷數(shù)字\字母\中文的正則表達(dá)式，需要的朋友可以參考下
2012-06-06
javascript實(shí)現(xiàn)文件拖拽事件
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)文件拖拽事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-03-03
javascript 實(shí)現(xiàn)自由落體的方塊效果
這其實(shí)是一個(gè)很簡單的實(shí)現(xiàn)，create一個(gè)新的div元素，然后append到文檔的body上，經(jīng)過一定時(shí)間的延遲，做自由落體運(yùn)動(dòng)，著地后fade消失。不多說，直接上代碼。
2010-01-01
layui表格內(nèi)容溢出的解決方法
今天小編就為大家分享一篇layui表格內(nèi)容溢出的解決方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript中reduce()的用法實(shí)例
reduce()方法接收一個(gè)函數(shù)作為累加器(accumulator),數(shù)組中的每個(gè)值(從左到右)開始縮減,最終為一個(gè)值,下面這篇文章主要給大家介紹了關(guān)于JavaScript中reduce()的用法實(shí)例,需要的朋友可以參考下
2022-05-05
JavaScript OOP類與繼承
JavaScript OOP類與繼承實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2009-11-11