en un array se pueden enviar checkbox y input ?

[Montes28]

hola amigos en un array puedo enviar un grupo de checkbox y input los cuales los genero dinamicamente?

Código Javascript:

$(document).ready(function() {
 
    $('#create_account').click(function(){
 
        //var dataString = $('#form_account').serialize();
 
 
            var arrayOpt = new Array;
              $('input[type=checkbox]').each(function() {
                        if ($(this).attr('name') == 'opcion[]') {
                            if ($(this).attr('checked') == 'checked') {
                                arrayOpt.push($(this).val());
                                } else{
                                arrayOpt.push($(this).val()==0);
                                
                                }
                        }
                    });
 

[Montes28]

ya envio mediante este codigo

Código Javascript:

$("input[name^=txtList]").each(function() {
                        arrayOpt.push($(this).val());
                    });
 

mediante un alert me doy cuenta que funciona y este es el resultado

checkbox1,checkbox2,checkbox3,input1,input2,input3

pero estos datos los tengo que insertar en una base de datos

de la siguiente manera


Columna1 Columna2
checkbox1 input1
checkbox2 input2
checkbox3 input3


para organizar el array para la insercion debo de hacer en el cliente o en el servidor

[Montes28]

una idea que se me ocurre es iterar el array y organizar los elementos mediante alert(arrayOpt.length); tendria el tamaño del array pero no se como organizar los elementos

Código Javascript:

var arrayOpt = new Array;
              $('input[type=checkbox]').each(function() {
                        if ($(this).attr('name') == 'opcion[]') {
                            if ($(this).attr('checked') == 'checked') {
                                arrayOpt.push($(this).val());
                                } else{
                                arrayOpt.push($(this).val()==0);
                                
                                }
                        }
                        
                        
                        $("input[name^=txtList]").each(function() {
                        arrayOpt.push($(this).val());
                    }); 
            
                    });
 

[dontexplain]

Los datos, si son pocos los puedes insertar manualmente

$.ajax ...

data:{"input1":dato1,"input2":dato2 ..}

y luego en el servidor

$_POST/GET['input1']
$_POST/GET['input2']
...

SI los recorres con un bucle for (each) tendrás que ajustar el servidor para saber en qué orden los recibe para insertarlos luego en el servidor, así que tendrás tarde o temprano que ordenarlos manualmente.

La otra alternativa es comprobar cada dato para ver si se ajusta a una columna determinada para luego determinar el orden, pero es más costoso.

Un saludo.

[Montes28]

existe alguna menera de ordenarlo mediante js , jquery

Código Javascript:

var arrayOpt = new Array;
 
              
         
 
              $('input[type=checkbox]').each(function() {
                        if ($(this).attr('name') == 'opcion[]') {
                            if ($(this).attr('checked') == 'checked') {
                                arrayOpt.push($(this).val());
                                } else{
                                arrayOpt.push($(this).val()==0);
                                
                                }
                     }
            });
                    
            $("input[name^=txtList]").each(function() {
                        arrayOpt.push($(this).val());
                    });
 

con el codigo obtengo esto false,false,false,input1,input2,input3

y necesito false ,input1,false, input 2 , false, input 3

el problema es que son muchos datos.

[Montes28]

el problema radica inicialmente es que tengo que asiganarle un valor a checkbox cuando no estan activos

intente aplicar el siguiente codigo pero me fue imposible

http://www.codigomanso.com/es/2008/1...r-formularios/

alguien sabe como hacerlo

[dontexplain]

Estás usando algún plugin de JQuery o sólo JQuery?

[Montes28]

estoy usando solo jquery

[dontexplain]

mira te comento la situacion para que me aconsejes

es este formulario tengo un grupo de checkbox los cuales debo de insertar en una base de datos
el checkbox va a tomar un valor activo y 0 cero inactivo

a la bade de datos debo de enviar

el checkbx y 2 campo hidden esto se debe de repetir n veces deacuerdo a una consulta de base de datos


mi idea es enviar un array con estos dos campos


esoy bien o estoy mal ?

k consejo me das

Utiliza dos object, el primero para los dos checkbox y el otro para los dos campos hidden

arrcheckbox = {};
arrhidden = {};

$("input[type=checkbox]").each(function(i){

if($(this).attr("checked")){
arrcheckbox[i]="activo";
} else {
arrcheckbox[i]="inactivo";
}

})

$("input[type=hidden]").each(function(i){

arrhidden[i]=$(this).val();

})

----------
Al elemento object se le añaden elementos usando objeto[indice] donde indice será la clave del objeto, que puede ser una cadena de texto o un número. Se pueden concatenar cosas, usando i, que es incremental, podrías hacer

arrcheckbox['checkbox'+i]

por lo que si el puntero es 4 la salida sería arrcheckbox['checkbox4'] y por tanto en el servidor se accedería mediante

$_GET/POST['arrcheckbox']['checkbox4']

Para enviar los dos objetos simplemente

$.ajax...

data: {"arrcheckbox": checkbox, "arrhidden": arrhidden}

....

[Montes28]

dontexplain gracias por responder


hasta el momento llevo lo siguiente

Código Javascript:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 
    $('#create_account').click(function(){
 
arrcheckbox = {};
arrhidden = {};
    
$("input[type=checkbox]").each(function(i){
 
if($(this).attr("checked")){
arrcheckbox[i]="activo";
} else {
arrcheckbox[i]="inactivo";
}
 
})
 
$("input[type=hidden]").each(function(i){
 
arrhidden[i]=$(this).val();
 
})
 
        var noma= $("#nombre").val();
        var corra= $("#correo").val();
        var telea= $("#telefono").val();
 
 
param="nom="+noma+"&corr="+corra+"&boletines="+arrcheckbox+"&tele="+telea;
alert("Nombre:"+" "+noma+"\n"+"Correo:"+" "+corra+"\n"+"Telefono:"+" "+telea+"\n"+"boletines:"+" "+arrcheckbox);
 
 
 $.ajax({
            type: "POST",
            url: "account.php",
            data: param,
            success: function(data) {
            
 
            }
        });
    });
});
 
</script>
 

y el formulario es el siguiente

Código HTML:

<form id="form_account" method="post">
    Nombre:
    <input type="text" name="nombre" id="nombre" /> 
    <br/>
    <br/>
    Email:
    <input type="text" name="correo" id="correo" /> 
    <br/>
    <br/>
    Telefono : 
    <input type="text" name="telefono" id="telefono" />
    <br/>
    <br/>
    boletines 1 :
    <input class="chk" type="checkbox" name="opcion[]" value="checkbox1" />
    <input type="hidden" name="txtList[]2" value="input1" >
    <br/>
    <br/>
    boletines 2 :
    <input name="opcion[]" type="checkbox" class="chk" id="opcion[]" value="checkbox2" />
    <input type="hidden" name="txtList[]3" value="input2" >
    <br/>
    <br/>
    boletines 3 :
    <input name="opcion[]" type="checkbox" class="chk" id="opcion[]" value="checkbox3" />
    <input type="hidden" name="txtList[]" value="input3" >
    <br/>
 
        <input type="submit" name="enviar" value="Enviar" id="create_account" />
</form>
 

tengo problemas para implementarlo no me funciona

[Montes28]

consultando en la web me doy cuenta que tengo erros

por ejemplo

los coloque asi

arrcheckbox = {};
arrhidden = {};

y debe de ser asi

var rrcheckbox = {};
var arrhidden = {};

[Montes28]

hasta el momento llevo esto pero no se que estoy haciendo mal que no me funciona

Código Javascript:

<script type="text/javascript">
$(document).ready(function() {
 
       $('#create_account').click(function(){
 
       var   arrcheckbox = {};
       var   arrhidden = {};
 
 
    $("input[type=checkbox]").each(function(i){
 
     if($(this).attr("checked")){
     arrcheckbox[i]="activo";
    // alert("Activo");
     } else {
     arrcheckbox[i]="inactivo";
//alert("Inactivo");
     }
 
    })
 
    $("input[type=hidden]").each(function(i){
//alert(i),
    arrhidden[i]=$(this).val();
 
   })
  
                
    
                
                
 
       
        var noma= $("#nombre").val();
        var corra= $("#correo").val();
        var telea= $("#telefono").val();
       
       
    
        alert(arrcheckbox);     
    
            //param="nom="+noma+"&corr="+corra+"&boletines="+arrcheckboxt+"&tele="+telea;
          // alert("Nombre:"+" "+noma+"\n"+"Correo:"+" "+corra+"\n"+"Telefono:"+" "+telea+"\n"+"boletines:"+" "+arrcheckbox);
         //  alert(arrayOpt.length);
 
        $.ajax({
            type: "POST",
            url: "account.php",
            data: {"arrcheckbox": checkbox, "arrhidden": arrhidden,"nombre":noma},
             }).done(function(data) {
                
                 
                
    
                  });;
    });
});
 
</script>
 

Código HTML:

<form id="form_account" method="post">
    Nombre:
    <input type="text" name="nombre" id="nombre" /> 
    <br/>
    <br/>
    Email:
    <input type="text" name="correo" id="correo" /> 
    <br/>
    <br/>
    Telefono : 
    <input type="text" name="telefono" id="telefono" />
    <br/>
    <br/>
    boletines 1 :
    <input class="chk" type="checkbox" name="opcion[]" value="checkbox1" />
    <input type="text" name="txtList[]2" value="input1" >
    <br/>
    <br/>
    boletines 2 :
    <input name="opcion[]" type="checkbox" class="chk" id="opcion[]" value="checkbox2" />
    <input type="text" name="txtList[]3" value="input2" >
    <br/>
    <br/>
    boletines 3 :
    <input name="opcion[]" type="checkbox" class="chk" id="opcion[]" value="checkbox3" />
    <input type="text" name="txtList[]" value="input3" >
    <br/>
    <br/>
boletines 4 :
    <input name="opcion[]" type="checkbox" class="chk" id="opcion[]" value="checkbox4" />
    <input type="text" name="txtList[]" value="input4" >
    <br/>
    <br/>
 
  </p>
    <p>&nbsp;</p>
  <p>&nbsp;</p>
    <p><br/>
        <input type="submit" name="enviar" value="Enviar" id="create_account" />
</form>
 

[Montes28]

hola amigos tengo problemas en la parte de concatenar y enviar el elemento object

he estado realizando pruebas

Código Javascript:

jQuery.each(arrhidden, function(key, value) {
   alert("el: "+" "+key+" "+"Valor:"+" "+value);
 });
 

yo tendria elemento object

y necesito enviar para ser guardado en la base de datos el dato que esta en la primera posicion del elemento object arrcheckbox y el dato que esta en la primera pósicion del elemento object arrcheckbox

osea necesitaria concatenar lo de los dos elementos

como lo puedo hacer_