如何从复选框更改为标签元素

问题描述

<html>
<body>

<script language=\"javascript\">
window.onload=function(){

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(\'div\').length === 0 ) {
        var ul = document.createElement(\'div\');
        ul.innerHTML = template;
        target.parentNode.appendChild(ul);
    } else {
        var ul = target.parentNode.getElementsByTagName(\'div\')[0];
        target.parentNode.removeChild(ul);
    }
};

}

</script>

    <ul id=\"container\">
    <li>
        <input type=\"checkBox\">
    </li>
    <li>
        <input type=\"checkBox\">
    </li>
    <li>
        <input type=\"checkBox\">
    </li>
</ul>


</body>
</html>

我需要将此程序从复选框更改为div元素。实际上，当单击一个复选框时，会在其下方创建三个复选框，依此类推，如果未选中父复选框，则所有子复选框都将被删除。现在，我需要将此复选框元素更改为普通标签元素。因此，当单击标签时，在其下方将出现三个标签。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

元素元素复选框复选框改为标签标签