javascript - 如何在循环时忽略禁用的复选框值

Question

下面是我的代码:

Cell.setAttribute('type', 'checkbox');
Cell.setAttribute('name', "Size");

根据条件我会将一些值设置为“选中”和“禁用”。

Cell.setAttribute('checked', 'true');
Cell.setAttribute('disabled', 'true');   

这里的“大小”包含一些被禁用的值，包括未选中和选中的值。

因此，每当我尝试检索检查的值时，默认值都会被禁用选中的复选框也会被返回。

我只想要检查的值；不是 SelectedDetails 方法中禁用的选中值:

var testCaseArray =[]; 
var checkbox = document.getElementsByName('Size');

for(var i=0; i<checkbox.length; i++){
    if(checkbox[i].checked){ 
        testCaseArray.push(checkbox[i].value);
    }
}

return testCaseArray;

Answer 1

将一系列中所有选中的复选框元素(禁用的元素除外)检索到数组中:

var chkd = [].slice.call(document.querySelectorAll('input:checked'))
            .filter(function(e) {
               return null == e.getAttribute('disabled');
             });

您还可以使用此选择器来检索具有相同选择的类似数组的列表:

document.querySelectorAll('input:checked:not(disabled)')

jsFiddle