cómo mostrar resultados secuenciales dentro campo de texto
-
26-09-2019 - |
Pregunta
querida all.I desea utilizar sólo un campo de texto para diferentes resultados. ¿Qué debo hacer si quiero después de pulsar varias veces a la casilla de verificación u otra casilla los resultados aparecerán de forma secuencial en el ejemplo textfield.for:
<input type="checkbox" id="see" value="a">
<input type="checkbox" id="saw" value="b">
<input type="text" id="field">
<input type="button" id="show">
A continuación, hago algo como:
1. click "see"
2. click "show"
3. click "see"
4. click "show"
5. click "saw"
6. click "show"
7. click "saw"
8. click "show"
9. click "see"
10. click "show"
a continuación, mostrar resultados después de clic de botón espectáculo en el campo de texto:
aaba..and so on if any additional
Solución
Tan simple como:
var values = "";
$('#see, #saw').click(function() {
values += $(this).val();
});
$('#show').click(function() {
$("#field").val(values);
});
sólo para permitir el marcado = casillas de verificación verdaderos simplemente:
var values = "";
$('#see, #saw').click(function() {
if($(this).is(':checked'))
values += $(this).val();
});
$('#show').click(function() {
$("#field").val(values);
});
Editado: para añadir la funcionalidad a la Show Button
Otros consejos
intentar algo como esto:
$('input:checkbox').click(function() {
$('#field').val($('#field').val() + $(this).val());
});
Aquí hay un trabajo violín .
Si necesita una variante en la que sólo grabar los clics que crean un estado de activación, simplemente envuelva la asignación en:
if( $(this).is(':checked') ) {...}