проверка флажков с именем и внутри div

Question

Я пытаюсь написать некоторый javascript, который будет проверять флажки внутри div, где имя флажка совпадает с заданным именем. Вот что у меня есть, но оно ничего не делает:

function checkbox_control(container_id,element_name,status) {
    var children = document.getElementById(container_id).childNodes;
    alert(element_name);
    for(var b=0; b < children.length; b++) {
        if(children[b].name == element_name){
            children[b].checked = status;
        }
    }
}

Answer 1

Попробуйте getElementsByTagName вместо childNodes (это делает рекурсивный поиск элементов).Как это:

function checkbox_control(container_id,element_name,status) {
    var checkboxes = document.getElementById(container_id).getElementsByTagName('input');
    for(var b=0; b < checkboxes.length; b++) {
        if(checkboxes[b].name == element_name){
            checkboxes[b].checked = status;
        }
    }
}

Answer 2

Как правило, вы публикуете вопрос, а затем мгновенно находите свой ответ независимо от того, сколько времени вы искали раньше.Изменение дочерних узлов на getElementsByTagName ('input'):

function checkbox_control(container_id,element_name,status) {
    var children = document.getElementById(container_id).getElementsByTagName('input');
    for(var b=0; b < children.length; b++) {
        if(children[b].name == element_name){
            children[b].checked = status;
        }
    }
}

Answer 3

Это прекрасно работает для меня ( jsFiddle пример ).Любой шанс, что это ваш обработчик событий щелчка, использующий идентификатор вместо имени, запрашивающий дочерние узлы, когда они действительно являются потомками (например, <div><ul><li><input type="checkbox"></li></ul></div>), задающий status что-то кроме "checked", "", true или false (которые все работают хотя бы в Chrome)?