使用javascript无法使用Checkboxlist选择项目

时间:2016-10-15 12:05:29

标签: javascript asp.net checkboxlist

我从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);
            }
        }

请告诉我如何获取所选值

更新

选中2个项目的复选框列表

JSFiddle

1 个答案:

答案 0 :(得分:1)

首先,在您的JSFiddle中,您的复选框标题位于span而不是var listSelected = checkboxlist.getElementsByTagName('span'); ,因此请更改此行:

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

为:

"STATUS"

除此之外,您在这些标签上没有名为 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); 的属性,我已经更新了您的小提琴 - 请参阅此处https://jsfiddle.net/Lg8w2u7d/2/

更新

获得最后一个选定值的最终代码,兼容IE8

name