У меня есть исходный код html, который имеет текстовое поле, а при вводе его и нажатии кнопки "Отправить" дает текст ввода (например, список дел). Мне нужен этот текст вместе с флажком. Это можно сделать, пожалуйста, помогите мне!
Заранее спасибо..
Это то, о чем вы говорите, попробуйте демонстрацию,
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());
});
});
Описание: Это использует чистый 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
вам не понадобится event.preventDefault
или получение переменной. Однако этот код можно использовать для отправки AJAX.
event
. Вы, вероятно, имели в виду onsubmit="test(event);"
https://developer.mozilla.org/en-US/docs/XUL/checkbox
<checkbox label="Your checkbox" checked="true"/>
checked="checked"
, если он использует HTML5, только что checked
. но true
это действительно плохая идея. люди могут подумать, что checked="false"
сделает наоборот.