cambiar el valor de un input mediante javascript

[Montes28]

Hola amigos tengo un grupo de checkbox y inputs los cuales genero mediante php, necesito que al activar el un chckebox o el que dice todos ponerle en el value un 1 y si los desmarco un 0

Código PHP:

<?php
                                    $cont = 0;
                                    $cont2 = 1; 
                                    foreach($fv as $field)
                                    {
                                        echo $cont2."<input type='checkbox' name='chk' value='$field[cod_volcan]' id='volcan_$field[cod_volcan]'>".$field['nom_volcan']."<input type='text'id='text_$field[cod_volcan]' name='volcan_$field[cod_volcan]' value='0'/>"."<br/>";
                                    $cont++;
                                    $cont2++;
                                        
                                    }
                                    ?> Numero Volcanes
                 <input name="num_volcanes" type="text" id="fec_ini_actividad" value="<? echo $cont;?>" />
<br/>
Todos:
<input type='checkbox' id='chk_todos' />
 

[Montes28]

para realizar mi proposito hasta el momento tengo este codigo se imprimen los ceros sin problema el problema que tengo es para imprimir los 1 por que me aparece NaN

Código Javascript:

<script type="text/javascript">
function calcular(obj, opc){
    if(opc==1)
        obj.checked = (document.getElementById("chk_todos").checked==true)?true:false;
    var val = (obj.checked == true)? obj.id.split("_")[1] : 0;
    obj.value = val;
    document.getElementById("text_"+ obj.id.split("_")[1]).value =val/val;
}
 
function calcularTodos(){
    for(var i = 0 ; i < document.getElementsByName("chk").length; i++)
        calcular(document.getElementsByName("chk")[i], 1);
}
 
</script>
 

[fjrueda]

Montes28

pues la verdad yo veo como mucho complique es el JS que usted utiliza, yo solo haria un recorrido, crearia un variable "global" para el cambio de valor e inicialice todo en 0.

y por ultimo, para validar document.getElementById("chk_todos").checked el valor es Siempre "true" por defecto entonses no es necesario compararlo para realizar el "else" y buscar el "false".

[Montes28]

fjrueda gracias por responder , me podrias dar un ejemplo de lo que me indicas ya que estoy aprendiendo javascript

[Montes28]

en la web encontre algo que me puede servir pero no logro que el valor cambie despues de que desmarque el checkbox

Código Javascript:

<script type="text/javascript">
    $(document).ready(function(){
        $('.input_control').attr('checked', true);
        $('.input_control').click(function(){
            if($('input[name='+ $(this).attr('value')+']').attr('disabled') == false){
                $('input[name='+ $(this).attr('value')+']').attr('disabled', true);
            }else{
                $('input[name='+ $(this).attr('value')+']').attr('disabled', false);   
            }
        });
    });
</script>
 

Código HTML:

<label>My Test Label 1</label>
<input type="checkbox" class="input_control" value="test1"/>
<input type="text" name="test1" />
 
<br />
 
<label>My Test Label 2</label>
<input type="checkbox" class="input_control" value="test2"/>
<input type="text" name="test2" />
 
<br />
 
<label>My Test Label 3</label>
<input type="checkbox" class="input_control" value="test3"/>
<input type="text" name="test3" />
 

[Montes28]

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:

$(document).ready(function(){
        $('.input_control').attr('checked', false);
        $('.input_control').click(function(){
            if($('input[name='+ $(this).attr('value')+']').attr('checked') == false){
                $('input[name='+ $(this).attr('value')+']').attr('value', 1);
            }else{
                $('input[name='+ $(this).attr('value')+']').attr('value', 0);   
            }
        });
        
 
       $(".check_todos").click(function(event){
         if($(this).is(":checked")) {
            $(".input_control:checkbox:not(:checked)").attr("checked", "checked");
         }else{
             $(".input_control:checkbox:checked").removeAttr("checked");
         }
       });
 
        
    });
 
</script>
 

Código HTML:

<h1>input</h1>
 
<label>text 1</label>
<input type="checkbox" class="input_control" value="test1"/>
<input name="test1" type="text" class="" value="0"/>
 
<br />
 
<label>text 2</label>
<input type="checkbox" class="input_control" value="test2"/>
<input name="test2" type="text" value="0" />
 
<br />
 
<label>text 3</label>
<input type="checkbox" class="input_control" value="test3"/>
<input name="test3" type="text" value="0" />
 
<br />
 
<label>text 4</label>
<input type="checkbox" class="input_control" value="test4"/>
<input name="test4" type="text" value="0" />
 
 
<input type="checkbox" name="checkbox" value="checkbox"  id="todos"/>
 

[Montes28]

amigos les voy comentando mis avances solo me falta una parte y espero me puedan ayudar


la parte de seleccionar todos los checbox y colocar 1 en los inputs ya funciona
la parte de deseleccionar todos los checkbox y colocar cero en los inputos ya funciona solo me falta que al cambiar cada checkbox se imprima en el input 1 cuando el checkbox ha sido seleccionado y cero cuando se cambia el estado.

Código Javascript:

<script type="text/javascript">
    $(document).ready(function(){
        $('.input_control').attr('checked', false);
        $('.input_control').click(function(){
            if($('input[name='+ $(this).attr('value')+']').attr('checked') == false){
                $('input[name='+ $(this).attr('value')+']').attr('value', 1);
            }else{
                $('input[name='+ $(this).attr('value')+']').attr('value', 0);   
            }
        });
        
       $(".check_todos").click(function(event){
         if($(this).is(":checked")) {
            $(".input_control:checkbox:not(:checked)").attr("checked", "checked");
            $(".q").attr('value', 1);
         }else{
             $(".input_control:checkbox:checked").removeAttr("checked");
             $(".q").attr('value', 0);
         }
       });
 
        
    });
 
</script>
 

[Montes28]

amigos lo solucione , pero si alguien me colabora mejorando el codigo bienvenido sea

Código Javascript:

$(document).ready(function(){
    $('.input_control').change(function(){
    var checkeado = $(this).attr("checked");
    if(checkeado) {
        //alert('activado');
        $('input[name='+ $(this).attr('value')+']').attr('value', 1);
    } else {
        //alert('desactivado');
        $('input[name='+ $(this).attr('value')+']').attr('value', 0);
    }
});
        
       $(".check_todos").click(function(event){
         if($(this).is(":checked")) {
            $(".input_control:checkbox:not(:checked)").attr("checked", "checked");
            $(".q").attr('value', 1);
         }else{
             $(".input_control:checkbox:checked").removeAttr("checked");
             $(".q").attr('value', 0);
         }
       });
 
        
    });
 

[fjrueda]

Montes28.

Me alegro que lo lograra, pero si algo he aprendido yo esque por muy util que sea la ayuda de Jquery, siempre es bueno y en especial cuando uno esta aprendiendo hacer las cosas propias de cero ..... por eso le paso etsadireccion que es el ejemplo que yo le preparado a usted http://fjrueda.nixiweb.com/checked.php

Cualquier situacion me cuenta y nuevamente lo felicito.