javascript - 如何使用javascript添加复选框

Question

我有一个 html 源代码，它有一个文本框，在输入它并单击提交按钮时，会为您提供输入文本（如待办事项列表）。我想要那个文本和一个复选框。

Answer 1

这是你说的，试试demo，

jsfiddle 演示

html

<div id="check">
    <input type="text" class="txt" value="" />
    <button type="button" class="btn">Click Me!</button>
</div>

jQuery

$(document).ready(function () {
    $(".btn").on('click', function () {
        $('#check').append('<input type="checkbox" name="myCheckbox" />' + $(".txt").val());
    });
});

Answer 2

https://developer.mozilla.org/en-US/docs/XUL/checkbox

<checkbox label="Your checkbox" checked="true"/>

Answer 3

演示：jsFiddle

---

说明：这使用纯JavaScript而不是jQuery因为您没有指定 jQuery。

---

HTML

<form onsubmit="test(event)" action="POST">
    <label for="textbox-1">Textbox: </label>
    <input type="text" id="textbox-1" />
    <label for="checkbox-1">Checkbox: </label>
    <input type="checkbox" id="checkbox-1"/>
    <input type="submit"/>
</form>

---

JS

function test(event){
    event.preventDefault();
    var textbox1 = document.getElementById('textbox-1').value;
    var checkbox1 = document.getElementById('checkbox-1').checked;
    alert("Textbox value: " + textbox1 + " || checkbox: " + checkbox1);

}

注意：在 JavaScript 中，您只需将其发布到您不需要的后端，也不需要event.preventDefault获取变量。但是，此代码可用于 AJAX 提交。