Как добавить флажки, используя JavaScript

Question

Как добавить флажки, используя JavaScript

0

У меня есть исходный код html, который имеет текстовое поле, а при вводе его и нажатии кнопки "Отправить" дает текст ввода (например, список дел). Мне нужен этот текст вместе с флажком. Это можно сделать, пожалуйста, помогите мне!

Заранее спасибо..

Santosh459 24 окт. 2013, в 22:22

Источник

0

Что ты пробовал?
Federico 24 окт. 2013, в 19:41
0

Да, это почти наверняка можно сделать, но из вашего вопроса совершенно неясно, что это такое. Пожалуйста, включите код и будьте более конкретны. Что вы подразумеваете под «дает вам ввод текста»? Что вы подразумеваете под "Я хочу этот текст"?
foobarbecue 24 окт. 2013, в 19:48
0

<html> <head> <title> удалить флажок </ title> <script> function addText () {var input = document.getElementById ('input'). value; //document.getElementById('do').innerHTML = input; var node = document.createElement ("P"); var textnode = document.createTextNode (input); node.appendChild (TextNode); document.getElementById ( 'делать') AppendChild (узел). } </ script> </ head> <body> <p id = "do"> Добавить события </ p> <input type = 'text' id = 'input' /> <input type = 'button' onclick = ' addText () 'value =' Добавить в список '/> </ form> </ body> </ html>
Santosh459 24 окт. 2013, в 20:39

Показать ещё 1 комментарий

Теги:

javascript

html

3 ответа

0

ДЕМО: 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 вам не понадобится event.preventDefault или получение переменной. Однако этот код можно использовать для отправки AJAX.

abc123 24 окт. 2013, в 18:38

0

-1, работает только в IE. в любом другом браузере нет глобального event . Вы, вероятно, имели в виду onsubmit="test(event);"
ThiefMaster 24 окт. 2013, в 20:19
0

@ThiefMaster я сделал! :) спасибо, event.preventDefault также работает в Chrome (только что протестирован) и Mozilla в соответствии со страницей их документации?
abc123 24 окт. 2013, в 20:22
0

Да, эти функции стандартизированы. Я не ожидал бы, что они будут работать в oldIE.
ThiefMaster 24 окт. 2013, в 20:25

Показать ещё 1 комментарий

0

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

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

jonosma 24 окт. 2013, в 17:33

0

если он использует XHTML, его нужно checked="checked" , если он использует HTML5, только что checked . но true это действительно плохая идея. люди могут подумать, что checked="false" сделает наоборот.
ThiefMaster 24 окт. 2013, в 20:21

Ещё вопросы

Да, это почти наверняка можно сделать, но из вашего вопроса совершенно неясно, что это такое. Пожалуйста, включите код и будьте более конкретны. Что вы подразумеваете под «дает вам ввод текста»? Что вы подразумеваете под "Я хочу этот текст"?
<html> <head> <title> удалить флажок </ title> <script> function addText () {var input = document.getElementById ('input'). value; //document.getElementById('do').innerHTML = input; var node = document.createElement ("P"); var textnode = document.createTextNode (input); node.appendChild (TextNode); document.getElementById ( 'делать') AppendChild (узел). } </ script> </ head> <body> <p id = "do"> Добавить события </ p> <input type = 'text' id = 'input' /> <input type = 'button' onclick = ' addText () 'value =' Добавить в список '/> </ form> </ body> </ html>
-1, работает только в IE. в любом другом браузере нет глобального event . Вы, вероятно, имели в виду onsubmit="test(event);"
@ThiefMaster я сделал! :) спасибо, event.preventDefault также работает в Chrome (только что протестирован) и Mozilla в соответствии со страницей их документации?
Да, эти функции стандартизированы. Я не ожидал бы, что они будут работать в oldIE.
если он использует XHTML, его нужно checked="checked" , если он использует HTML5, только что checked . но true это действительно плохая идея. люди могут подумать, что checked="false" сделает наоборот.

Sobin Augustine · Accepted Answer · 2013-10-24T18-25-00.000Z

Это то, о чем вы говорите, попробуйте демонстрацию,

jsfiddle demo

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());
    });
});

Привет Собин, это сработало хорошо, спасибо, есть ли в любом случае кнопка удаления? Мое точное требование - мне нужно событие загрузки файла, когда файл выбирается из всплывающего окна загрузки файла вместе с флажком, который мы создали с использованием вышеуказанного кода.