版權宣告

一、情景

我想獲取複選框下處於選中狀態下的 值，該複選框的name屬性：name="active"。

二、程式碼

1、html程式碼

<input type="checkbox" name="active" class="active" value="12">
<input type="checkbox" name="active" class="active" value="13">
<input type="checkbox" name="active" class="active" value="14">

2、javascript

var
 
 chk_value=[];
var count=0;
$('input[name="active"]:checked').each(function(){   // 遍歷input輸入框中name=active 選中狀態的值。
    chk_value.push($(this).val());
    count+=1;
});
    console.info("所有為選中狀態複選框的值："+chk_value+",選中狀態的個數："+count)

3、總結

$('input[name="active"]:checked').each(function(){ });：獲取所有name="active"

選中狀態的複選框。

分析如下：

1. :checked：匹配所有被選中元素(複選框、單選框等，不包括select中的option)。
2. each(callback):以每一個匹配的元素作為上下文來執行一個函式。

三、網上摘選程式碼【參考】

1、js獲取複選框值

           //js獲取複選框值    
            var obj = document.getElementsByName("active");//選擇所有name="active"的物件，返回陣列    
            var s='';//如果這樣定義var s;變數s中會預設被賦個null值
            for
 
(var i=0;i<obj.length;i++){
                 if(obj[i].checked) //取到物件陣列後，我們來迴圈檢測它是不是被選中
                 s+=obj[i].value+',';   //如果選中，將value新增到變數s中    
            }

2、jquery獲取複選框值

           //jquery獲取複選框值    
            var chk_value =[];//定義一個數組    
            
            //遍歷每一個名字為active的複選框，其中選中的執行函式    
            $('input[name="active"]:checked').each(function(){
              chk_value.push($(this).val());//將選中的值新增到陣列chk_value中    
            });

四、 鳴謝