Question

我有一个html源代码，它有一个文本框，在输入时，点击提交按钮会给你输入文本（就像一个待办事项列表）。我希望这个文本和一个复选框。可以这样做吗？请帮帮我!!

提前致谢..

Answer 1

这就是你所说的，试试这个，

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

DEMO：jsFiddle

说明：由于未指定jQuery，因此使用纯JavaScript而非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提交。

如何使用javascript添加复选框

3 个答案:

DEMO：jsFiddle