獲得的CheckBoxList使用javascript不工作

Question

我選擇從checkboxlist 2項下面的代碼，我想我得到錯誤的

屬性沒有定義選擇項。

這裏是我的代碼

var checkboxlist = document.getElementById('<%= ddlStatus.ClientID %>'); 
     var checkOptions = checkboxlist.getElementsByTagName('input'); 
     var listSelected = checkboxlist.getElementsByTagName('span'); 

     for(i = 0; i < checkOptions.length; i++) 
     { 
      if(checkOptions[i].checked) 
      { 
       alert(listSelected[i].attributes["STATUS"].value); 
      } 
     } 

請讓我知道如何選擇的值

UPDATE

撥弄2項選擇的CheckBoxList的

JSFiddle

Answer 1

首先，在你的jsfiddle你複選框標題是label不span所以改變這一行：

var listSelected = checkboxlist.getElementsByTagName('span'); 

到：

var listSelected = checkboxlist.getElementsByTagName('label'); 

從

分開，你不在這些標籤上有一個名爲"STATUS"的屬性，我已更新您的小提琴 - 請參閱此處https://jsfiddle.net/Lg8w2u7d/2/

更新

即獲得最後一次選擇的值，以兼容IE8

var checkboxlist = document.getElementById('ddlStatus'); 
var checkOptions = checkboxlist.getElementsByTagName('input'); 
var listSelected = checkboxlist.getElementsByTagName('label'); 
var last_val = ''; 
for(i = 0; i < checkOptions.length; i++) 
     { 
      if(checkOptions[i].checked) 
      { 
       last_val = listSelected[i].textContent || listSelected[i].innerText; // so it works in IE8 and lower 
      } 
     } 
alert(last_val);