Javascript待办事项列表
Javascript待办事项列表
提问于 2017-02-21 04:35:13
我试图做一个待办事项列表应用程序，并试图添加一个可点击的复选框旁边的每一项，因为它是添加到列表。我对此非常陌生，所以任何帮助都将不胜感激！
谢谢!
function todoList() {
var item = document.getElementById('todoInput').value
var text = document.createTextNode(item)
var newItem = document.createElement("li")
newItem.appendChild(text)
document.getElementById("todoList").appendChild(newItem)
} <form id="todoForm">
<h1>To Do List:<h1>
<input id="todoInput">
<button type="button" onclick="todoList()">Add Item</button>
</form>
<ul id="todoList">
</ul>
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-02-21 04:46:46
更新Javscript
function todoList() {
var item = document.getElementById('todoInput').value
var text = document.createTextNode(item)
var newItem = document.createElement("li")
newItem.appendChild(text)
var checkbox = document.createElement('input');
checkbox.type = "checkbox";
checkbox.name = "name";
checkbox.value = "value";
checkbox.id = "id";
newItem.appendChild(checkbox);
document.getElementById("todoList").appendChild(newItem)
} Stack Overflow用户
发布于 2017-02-21 04:48:11
我相信你想要添加复选框，而不是子弹。下面的代码可以做到这一点。如果您想了解有关创建"Todo“应用程序的更多信息，请从TodoMVC获得灵感。
function todoList() {
var item = document.getElementById('todoInput').value;
var text = document.createTextNode(item);
var checkbox = document.createElement('input');
checkbox.type = "checkbox";
checkbox.name = "name";
checkbox.value = "value";
var newItem = document.createElement("div");
newItem.appendChild(checkbox);
newItem.appendChild(text);
document.getElementById("todoList").appendChild(newItem)
}<!DOCTYPE html>
<html>
<body>
<form id="todoForm">
<h1>To Do List:<h1>
<input id="todoInput">
<button type="button" onclick="todoList()">Add Item</button>
</form>
<div id="todoList">
</div>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42358758
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号