Ver Mensaje Individual
  #6 (permalink)  
Antiguo 22/08/2012, 13:42
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 14 años, 3 meses
Puntos: 6
Respuesta: cambiar el valor de un input mediante javascript

amigos hasta el momento logro que el input cambie su value a 1 si se clickea el checkbox pero no consigo que si al volver al desclickear cambie el valor del inpurt a 0.


<script type="text/javascript">
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.         $('.input_control').attr('checked', false);
  3.         $('.input_control').click(function(){
  4.             if($('input[name='+ $(this).attr('value')+']').attr('checked') == false){
  5.                 $('input[name='+ $(this).attr('value')+']').attr('value', 1);
  6.             }else{
  7.                 $('input[name='+ $(this).attr('value')+']').attr('value', 0);  
  8.             }
  9.         });
  10.        
  11.  
  12.        $(".check_todos").click(function(event){
  13.          if($(this).is(":checked")) {
  14.             $(".input_control:checkbox:not(:checked)").attr("checked", "checked");
  15.          }else{
  16.              $(".input_control:checkbox:checked").removeAttr("checked");
  17.          }
  18.        });
  19.  
  20.        
  21.     });
  22.  
  23. </script>

Código HTML:
Ver original
  1. <h1>input</h1>
  2.  
  3. <label>text 1</label>
  4. <input type="checkbox" class="input_control" value="test1"/>
  5. <input name="test1" type="text" class="" value="0"/>
  6.  
  7. <br />
  8.  
  9. <label>text 2</label>
  10. <input type="checkbox" class="input_control" value="test2"/>
  11. <input name="test2" type="text" value="0" />
  12.  
  13. <br />
  14.  
  15. <label>text 3</label>
  16. <input type="checkbox" class="input_control" value="test3"/>
  17. <input name="test3" type="text" value="0" />
  18.  
  19. <br />
  20.  
  21. <label>text 4</label>
  22. <input type="checkbox" class="input_control" value="test4"/>
  23. <input name="test4" type="text" value="0" />
  24.  
  25.  
  26. <input type="checkbox" name="checkbox" value="checkbox"  id="todos"/>

Última edición por Montes28; 22/08/2012 a las 13:48