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

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

alert(checked_counts);

我做的是每點擊一下多選框就判斷當(dāng)前checked個數(shù)是否超過某個數(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()每次點擊都發(fā)揮作用，需要在checkbox框中添加onclick事件：

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

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

您可能感興趣的文章:

js
checkbox

相關(guān)文章

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