小编Sar*_*ara的帖子

如何在javascript中的列表中插入复选框?

我正在尝试用 JS 创建一个待办事项列表。这个想法是在输入中写一些东西,当用户单击按钮时,他会获得一个带有文本的复选框。

\n\n

问题是我不知道如何用 JS 做到这一点。我尝试将“li”更改为输入,然后设置属性(“type”,“checkbox”),但没有任何反应。

\n\n
<!DOCTYPE html>\n<html>\n<head>\n    <title>Lista de tareas personal.</title>\n    <meta charset=\'utf-8\'>\n    <style type="text/css">\n        body{\n            font-family: Helvetica, Arial;\n        }\n        li{\n            width: 50%;\n            list-style-type: none;\n            font-size: 20px;\n        }\n    </style>\n</head>\n<body>\n    <h1>Lista de tareas personal.</h1>\n    <hr>\n    <br>\n    <button type="button" id="btn" onclick="a\xc3\xb1adirItems">A\xc3\xb1adir Item</button>\n    <input type="text" id="texto">\n\n    <!---<ul id="lista"> </ul>-->\n    <ul id="ul"> </ul>\n\n   <script type="text/javascript">\n       function addItem(){\n           var ul = document.getElementById(\'ul\'); //ul\n           var li = document.createElement(\'li\');//li\n           var text = document.getElementById(\'texto\');\n           li.appendChild(document.createTextNode(text.value));\n           ul.appendChild(li);  \n       }\n       var button = document.getElementById(\'btn\');\n       button.onclick = addItem …
Run Code Online (Sandbox Code Playgroud)

javascript checkbox jquery

1
推荐指数
1
解决办法
2万
查看次数

标签 统计

checkbox ×1

javascript ×1

jquery ×1