使用javascript选中复选框时，填充选项列表

如何解决使用javascript选中复选框时，填充选项列表

| 单击复选框时，需要使用复选框填充选项列表。让我们考虑一下，当在该复选框下方选中一个复选框时，会出现三个复选框，应显示带有该复选框的选项列表。如果选中了一个复选框，则在其下方，依此类推........ 如何在javascript中做到这一点.....任何帮助..........     

解决方法

如果您的列表是静态的，我会提前在div中定义它们，并将可见性设置为false。然后，在复选框的OnClick方法中，仅在必要时将可见性设置为true。     ,由于您提出了一个非常笼统的问题，因此我将给出一个非常笼统的答案。 示例：http：//jsfiddle.net/NFs4K/3/

var container = document.getElementById(\'container\'),template = \'<li>\\
        <input type=\"checkbox\">\\
    </li>\\
    <li>\\
        <input type=\"checkbox\">\\
    </li>\\
    <li>\\
        <input type=\"checkbox\">\\
    </li>\';


container.onchange = function(e) {
    var event = e || window.event,target = event.srcElement || event.target;

    if( target.checked && target.parentNode.getElementsByTagName(\'ul\').length === 0 ) {
        var ul = document.createElement(\'ul\');
        ul.innerHTML = template;
        target.parentNode.appendChild(ul);
    } else {
        var ul = target.parentNode.getElementsByTagName(\'ul\')[0];
        target.parentNode.removeChild(ul);
    }
};

如果您想要更好的答案，请提出更详细的问题。 编辑：删除了“ 1”变量。它没有被使用。 编辑：我更新，以便它仅在选中时才添加子列表，并且只有在第一次检查时才添加。 编辑：更新以取消选中所有嵌套级别。