Quiero crear etiquetas y marcar dinámicamente la casilla. cuando ingreso texto en el cuadro de texto y doy el botón de enviar, se debe crear una casilla de verificación y una etiqueta con el texto que ingresé en el cuadro de texto ... ¿Cómo crear?¿Cómo crear una etiqueta y una casilla de verificación dinámicamente en javascript?
14
A
Respuesta
14
creo que desea que esta ..
//html
<div id="container">
<input id="test" type="text" >
<input value="add" type="button" onClick="add()">
</div>
//js
<script>
var i=0;
function add(){
if (document.getElementById('test').value!='')
{
i++;
var title =document.getElementById('test').value;
var node = document.createElement('div');
node.innerHTML = '<input type="checkbox" id="check' + i + '" name="check' + i + '"><label for="check' + i + '">'+ title +'</label>';
document.getElementById('container').appendChild(node);
}
}
</script>
16
Para el sello intente esto:
var newlabel = document.createElement("Label");
newlabel.setAttribute("for",id_from_input);
newlabel.innerHTML = "Here goes the text";
parentDiv.appendChild(newlabel);
Cuestiones relacionadas
- 1. ¿Crear la casilla de verificación dinámicamente usando JavaScript?
- 2. ¿Cómo crear una casilla de verificación simple en iOS?
- 3. jQuery selector para la etiqueta de una casilla de verificación
- 4. Javascript y solo una casilla de verificación - undefined
- 5. Complemento jQuery DataTables: agregando una casilla de verificación dinámicamente
- 6. Relleno entre la casilla de verificación y la etiqueta
- 7. FDF: cómo marcar una casilla de verificación?
- 8. ¿Cómo desactivo una casilla de verificación?
- 9. ¿Cómo agotar una casilla de verificación html?
- 10. Crear una casilla de verificación programáticamente utilizando Cocoa
- 11. ¿Cómo cambiar dinámicamente una plantilla de control WPF usando una casilla de verificación?
- 12. Marca de verificación en una casilla de verificación
- 13. ¿Cómo mantener una casilla de verificación y una etiqueta en la misma línea en un formulario de Rails?
- 14. ¿Cómo creo una casilla de verificación dinámica en jQuery?
- 15. Agregue una casilla de verificación "Recordarme"
- 16. casilla de verificación personalizada en silverlight
- 17. Cómo crear la casilla de verificación sin enviar en PHP?
- 18. ¿Cómo marcar una casilla de verificación con jQuery?
- 19. casilla de verificación jquery o javascript oncheck?
- 20. HTML - Forma correcta de codificar una casilla de verificación con una etiqueta
- 21. ¿Cómo puedo hacer una casilla de verificación con un ancho y una altura de 16px?
- 22. ¿Cómo puedo crear dinámicamente una lista desordenada en JavaScript?
- 23. Casilla de verificación parcialmente seleccionada con javascript
- 24. Cómo insertar una casilla de verificación en un formulario django
- 25. Cómo hacer una ListPreference con la casilla de verificación
- 26. defecto comprobar una casilla de verificación
- 27. Compruebe si el elemento DOM es una casilla de verificación
- 28. jQuery/Javascript: Click evento en una casilla de verificación y el 'marcado' atributo
- 29. ¿Cómo crear dinámicamente variables de javascript desde una matriz?
- 30. Cómo forzar una casilla de verificación y texto en la misma línea?