用javascript创建复选框

Creating checkbox in javascript

本文关键字：复选框 创建 javascript      更新时间：2023-09-26

我试图用Javascript创建一个复选框，当它被点击时，时间格式(hh:mm:ss)将显示。我的问题是，它甚至没有创建复选框，我不知道为什么。下面是我的代码:

document.write("<form><input type="checkbox"></form>")
谁能给我一个提示问题在哪里?

首先你不能转义引号;

document.write("<form><input type='"text'"></form>")这将创建文本框

试试这个

document.write('<form><input type="checkbox"></form>');

在您的代码中，您没有转义引号。

你应该转义引号。

document.write('<form><input type="checkbox"></form>')

但我建议你不要使用document.write()，因为这不是一个好的做法。替换整个文档。

所以，你应该尝试使用javascript动态创建元素。

试试这个代码:

var checkbox = document.createElement('input');
checkbox.type = "checkbox";
checkbox.name = "name";
checkbox.value = "value";
checkbox.id = "id";
document.body.appendChild(checkbox);

工作小提琴

var cb = document.createElement('input');
cb.type = "checkbox";
cb.name = "name";
cb.value = "value";
cb.id = "id";
cb.addEventListener("click", showTime, false);
var lbl = document.createElement('label')
lbl.htmlFor = "id";
lbl.appendChild(document.createTextNode("show time"));
var container = document.getElementById('container');
container.appendChild(cb);
container.appendChild(lbl);
var sp = document.getElementById('time');
function showTime() {
    if (this.checked) {
        var today = new Date()
        sp.innerHTML = today.toString();
    } else {
        sp.innerHTML='';
    }
}
相关文章：