获得的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);