como cambiar codigo javascript a jquery puro

[Montes28]

hola amigos estoy empezando con jquery tengo el siguiente codigo en javascript en con el cual estoy realizando una consulta a una base de datos y genero
un grupo de checbox que al hacer click se cambia el valor del input por 0 o por el valor que tiene el checkbox
ayuda para cambiar codigo javascript a jquery puro


necesito cambiar el codigo a jquery puro y limpio ya que en el resto del documento solo tengo jquery

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;
}
 
function calcularTodos(){
    for(var i = 0 ; i < document.getElementsByName("chk").length; i++)
        calcular(document.getElementsByName("chk")[i], 1);
}
 
</script>
 

Código HTML:

<?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]' onclick='calcular(this,0);'>".$field['nom_volcan']."<input type='text'id='text_$field[cod_volcan]' name='volcan_$field[cod_volcan]'/>"."<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' onclick="calcularTodos();" />
 

[dontexplain]

Iniciado por Montes28

hola amigos estoy empezando con jquery tengo el siguiente codigo en javascript en con el cual estoy realizando una consulta a una base de datos y genero
un grupo de checbox que al hacer click se cambia el valor del input por 0 o por el valor que tiene el checkbox
ayuda para cambiar codigo javascript a jquery puro


necesito cambiar el codigo a jquery puro y limpio ya que en el resto del documento solo tengo jquery

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;
}
 
function calcularTodos(){
    for(var i = 0 ; i < document.getElementsByName("chk").length; i++)
        calcular(document.getElementsByName("chk")[i], 1);
}
 
</script>
 

Código HTML:

<?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]' onclick='calcular(this,0);'>".$field['nom_volcan']."<input type='text'id='text_$field[cod_volcan]' name='volcan_$field[cod_volcan]'/>"."<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' onclick="calcularTodos();" />
 

No existe el jQuery puro. jQuery es una librería de funciones escritas en Javascript. En tu caso tendrás primero que aprender jQuery y más tarde convertirlo manualmente, no existen conversores automáticos.

[Montes28]

dontexplain gracias por responder, tienes toda la razon necesito convertirlo manualmente voy a comenzar corrigeme por favor gracias.

este es el codigo

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;
}
 
function calcularTodos(){
    for(var i = 0 ; i < document.getElementsByName("chk").length; i++)
        calcular(document.getElementsByName("chk")[i], 1);
}
 
</script>
 

este es mi codigo jquery
la idea que tengo es ponerle un id a todos y trabajarlos

Código Javascript:

$(function(){
 
    });
 

[dontexplain]

for(var i = 0 ; i < document.getElementsByName("chk").length; i++)
calcular(document.getElementsByName("chk")[i], 1);
}


######################

d=$("chk");
$.each(d,function(i,v){
calcular($(v),1);
});


-----------------------------------

function calcular(obj, opc){
if(opc==1)
obj.checked = (document.getElementById("chk_todos").checked==tru e)?true:false;
var val = (obj.checked == true)? obj.id.split("_")[1] : 0;
obj.value = val;
document.getElementById("text_"+ obj.id.split("_")[1]).value = val;
}

####################################

function calcular(obj, opc){
if(opc==1){

$(obj).attr("checked") = ($("#chk_todos").attr("checked")==true)? true : false;
var val = ( $(obj).attr("checked") == true)? $(obj).attr("id").split("_")[1] : 0;
$(obj).val(val);
$("#text_"+$(obj).attr("id").split("_")[1]).val(val);
}

}

Un saludo.