Mostrar datos en un cuadro de texto cuando la casilla de verificación está marcada -- javascript campo con jquery campo con html campo con checkbox camp Relacionados El problema

display data in a textbox when checkbox is checked


2
vote

problema

Español

Tengo tres cuadros de texto que tienen ID Text1, Text2, Text3 y una casilla de verificación que tiene una revisión de ID. Estoy mostrando algo en la primera caja de texto, digamos 10. Ahora, si verificaré la casilla de verificación, entonces se mostrará automáticamente "20" en el segundo cuadro de texto. El tercer cuadro de texto se mantiene igual que. Si mostraré algo en 1st and 2nd textboxes, ahora, si verificaré la casilla de verificación, entonces se mostrará el mismo "20" en el 3er cuadro de texto. Después de verificar si, en cualquier momento, desmarcaré la casilla de verificación, entonces el valor "20" también se eliminará del cuadro de texto (ya sea 2º o 3RD) ¡Cualquier idea por favor? Por favor, sea fácil conmigo

index.jsp

  <input type="checkbox" id="check"/>  <input type="text" id="text1" value="10"/> <input type="text" id="text2"/> <input type="text" id="text3"/>   
Original en ingles

I have three text boxes having id text1, text2, text3 and one checkbox having id check. I am displaying something in first textbox let's say 10. Now if i will check checkbox then automatically "20" will be displayed in the second textbox. Third textbox remains same as it is. If I will display something in 1st and 2nd textboxes, now if i will check checkbox then same "20" will be displayed in 3rd textbox. After checked if in anytime i will uncheck the checkbox then value "20" will also be removed from the textbox(either 2nd or 3rd) Any idea please? Please be easy with me

index.jsp

<input type="checkbox" id="check"/>  <input type="text" id="text1" value="10"/> <input type="text" id="text2"/> <input type="text" id="text3"/> 
           
   
   

Lista de respuestas

1
 
vote

Su pregunta no es fácil de entender ...

Cuando la casilla de verificación se verifica, el siguiente texto de entrada vacío tiene para mostrar el valor '20'? Y si la casilla de verificación no está marcada, la última entrada con '20' es valor borrado?

Agregue la clase "Comprobador" a cada texto de entrada.

  Tag3  

Use esta jquery script en lugar de la suya

  Tag4  

Puede verlo funciona aquí: http://jsfiddle.net/w9haz/1/

 

Your question is not easy to understand....

When checkbox is checked the next empty input text have to display '20' value ? And if checkbox is unchecked last input with '20' is cleared value ?

Add the "checker" class to each input text.

<input type="checkbox" id="check"/> <input type="text" id="text1" value="10" class="checker"/> <input type="text" id="text2" class="checker"/> <input type="text" id="text3" class="checker"/>xe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8bxe2x80x8b <br/> <input type="text" id="anotherTB" value="100"/> 

Use this jquery script instead of yours

$(document).ready(function(){     $('#check').click(function(){          if($(this).is(':checked'))         {             var stop='';             $('.checker').each(function(){                 if($(this).val()=='' && !stop)                 {                    $(this).val('20');                     stop='stop';                     // Add something like that to set other textbox values                    var add = parseInt($('#anotherTB').val()) + parseInt($(this).val());                    $('#anotherTB').val(add);                  }             });         }          else if(!$(this).is(':checked'))         {             $('.checker').each(function(){                 if($(this).val()=='20')                 {                    $(this).val('');                 }             });         }     }); }); 

You can see it work here : http://jsfiddle.net/w9hAZ/1/

 
 
     
     
0
 
vote
  Tag5  

Si desea borrar el valor cuando no está marcado, use:

  Tag6  
 
 $('#check').change(function(){if($(this).is(':checked'))$('#text2').val(20);}); 

If you want to clear the value when it is unchecked use:

 $('#check').change(function(){if($(this).is(':checked'))$('#text2').val(20);else $('#text2').val(''); }); 
 
 
   
   

Relacionados problema

0  JQUERY Selección de la casilla de verificación por nombre de clase en dos divs separados  ( Jquery selecting checkbox by class name in two separate divs ) 
He creado un violín de lo que estoy tratando de hacer aquí: http://jsfiddle.net/393yk/ < / a> Tengo dos columnas y en cada columna, básicamente, tengo una ...

7  Plugin de validación de jQuery: grupos de casillas de verificación y problemas de mensajes de error  ( Jquery validation plugin checkbox groups and error message issues ) 
He reunido una forma utilizando el complemento de validación de jQuery, y todas las entradas están bien con la validación de trabajo y los mensajes de error, ...

14  Cómo hacer una lista de listas con la casilla de verificación  ( How make a listpreference with checkbox ) 
¿Cómo puedo crear un comboBox1.AutoCompleteMode = AutoCompleteMode.SuggestAppend; comboBox1.AutoCompleteSource = AutoCompleteSource.ListItems; DataTable t =...

0  Cómo cambiar el icono de la casilla de verificación "Comprobado"  ( How to change checkbox checked icon ) 
Como lo sé, no solo puedo tener 2 estados, sino también 3. Pero el tercer estado es la caja llena. Necesito tener 3 estados en la casilla de verificación: sin...

0  Checkbox ASP MVC  ( Checkbox asp mvc ) 
Hola, soy nuevo en ASP.NET MVC. No estoy seguro de cómo tratar con la casilla de verificación o el botón de radio para obtener valores cuando se hacen clic. ¿...

1  La casilla de verificación DATCHOund de MVVM WPF no disparará eventos al ViewModel para estados revisados ​​y sin marcar  ( Mvvm wpf databound checkbox wont firing events to the viewmodel for checked and ) 
Tengo un CheckBox dentro de un DataGrid , usando wpf y mvvm; <DataGridTemplateColumn Width="80" Header="Enabled"> <DataGridTemplateColumn.CellTempla...

0  Eliminar filas de la base de datos MySQL usando las casillas de verificación  ( Delete rows from mysql database using checkboxes ) 
Estoy intentando eliminar una fila de una tabla con datos que se generan a partir de una tabla MySQL. Eché un vistazo a ambas preguntas: Cómo eliminar las fi...

0  ¿Cómo guardar el estado en un artículo marcado?  ( How to save the state to a checked item ) 
Estoy haciendo una solicitud, pero ahora estoy teniendo un problema. Quiero que las casillas revisadas permanezcan revisadas, sin importar si cierro la aplica...

39  ¿Cómo hago una casilla de verificación al hacer clic en la etiqueta de texto también?  ( How do i make a checkbox toggle from clicking on the text label as well ) 
public class Result { // Lists public NoteList ErrorList = new NoteList(); public NoteList MessageList = new NoteList(); // Lots of other st...

0  Usando jQuery para deshabilitar categorías vacías en una lista filtrada  ( Using jquery to disable empty categories in a filtered listing ) 
Soy bastante nuevo para JavaScript / Jquery. Tengo una lista de artículos (en este caso, ofrendas de cursos) estructuradas en un ul. Cada "curso" es un elemen...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos