Consulta como concatenar elementos

[freedert]

Hola buenas tardes, les hago una consulta ultra basica pero que no puedo descubrir como hacerlo aun.

si tengo lo siguiente por ejemplo:

Código PHP:

  // un elemento de un form por ejemplo con el id = campo
alert(document.getElementById('campo').chk_1.checked); 
   

En este caso estoy obteniendo el estado chacked del checkbox de un form. Pero si el nombre id del elemento es dinamico, es decir lo siguiente:

Código PHP:

  id = 10;
alert(document.getElementById('campo').chk_+id.checked);
//dodne id remplaza parte de chk_+id para poder encontrarlo, siendo que este ahora pasa a ser 'chk_10'. 
   

yo le puse un +, pero no se como hacerlo en realidad, como concateno el elemento con el numero dinamicamente proporcionado en la funcion para poder usarlo??

creo que se entiende.
gracias desde ya!

[IsaBelM]

has de estar equivocado

document.getElementById('campo').chk_1

no puede accesar a ningún elemento. "chk_1" no es un atributo del elemento "campo"

para concatenar, como bien haces, se usa el signo (+)

document.getElementById('campo'+id).checked

[freedert]

Gracias por responder!

En ese emeplo chk_1 es un elemento dentro de campo, campo es un formulario y chk_1 es el nombre de un checkbox que esta contenido en el, recuper la propiedad de esa manera.

la cuestion es que si quiero cambiar el nombre del elemento no se como hacerlo, por ejemplo asi:

Código PHP:

  alert(id_elemento_1); //funciona ok 
   

Código PHP:

  test = 1;
alert(id_elemento_+test); //devuelve not defined 
   

gracias nuevamente!

[rosonator]

Las comillas de id_elemento, amigo:

alert(document.getElementById('campo').getElementB yId('chk_'+id).checked);

[IsaBelM]

los formularios normalmente no tienen id, tienen name por aquello de validarlos. y los controles tampoco es necesario que tengan id, puedes usar un name como "array asociativo". entonces cambia el atributo id por el atributo name. de tal modo que para acceder a sus controles

document.forms['campos'].elements[id].checked;

donde "id" es el indice (posición) que ocupa el control en el formulario

function fnc(id) {
alert(document.forms['campo'].elements[id].ckeked);
}

<form name="campo">
<input type="checkbox" name="chk[]" value="1" />
<input type="checkbox" name="chk[]" value="2" />
<input type="botton" value="ckequear" onclick="fnc(0)" />
</form>

[freedert]

Iniciado por rosonator

Las comillas de id_elemento, amigo:

alert(document.getElementById('campo').getElementB yId('chk_'+id).checked);

Si hago esto:
alert(document.getElementById('campo').getElementB yId('chk_'+id).checked);

me da 'is null', no me toma el nombre del id.



IsaBelM: Te entiendo, pero ese formulario que estoy usando puedo cambiarle quizas algun elemento de lugar, agregarle o quitarle cosas, lo que me modificaria el valor de elements, como puedo hacer para pasarle a la funcion el index del elemento con el que quiero trabajar??

en este momento lo tengo andando con IDs en cada elemento generado dinamicamente, llamo a la funcion de esta manera con php: llama('id_X', 'otro_x')

donde X es un numero generaldo, e ID_X es el ID del elemento que quiero modificar... todo bien ahi pero quiero aprender a hacerlo con index o de alguna manera que me permita no tener que ponerle ID a las cosas en todo momento!!

gracias!

[JhonErick]

ummm bueno creo que te estas ahogando en un vaso de agua mi estimado amigo si el campo check es dinámico por que no se lo concatenas con el id para que lo puedas acceder directamente con javascript

Código Javascript:

<script type="text/javascript">
        // var prueba1="cadena"
        // alert(eval("prueba"+1));
 
        var cont=1;
        function alertaChecked(){
          alert(document.getElementById('check'+cont).checked);
          if(cont==1){cont=2;}
          else {cont=1;}
        }
    </script>   
 
    
  <input type="checkbox"  id="check1"> 
  <input type="checkbox"  id="check2"> 
  <input type="button" value="informa de su propiedad checked" onclick="alertaChecked()">
 

este es un ejemplo bastante ordinario de lo que debes hacer si es que te estoy entendiendo jejejeje

lo otro que vi por hay es que tratabas de concatenar una variable dentro de un alert bueno para eso necesitarías de la función eval aun que concuerdo con muchos que su uso debe de evitarse el lo mas posible ps hay te dejo el dato

Código Javascript:

var prueba1="cadena"
  alert(eval("prueba"+1));
 

si das alert sin eval te imprime prueba1 pero si le das eval "evaluas" la cadena y te muestra cadena.

espero haber sido de ayuda Saludos

[freedert]

Gracias JhonErick! me sirvio tu ayuda, si ahora lo de rescatar los campos por ID es lo que estoy haciendo actualmente, voy a evaluar lo de EVAL quizas me sirva para lo que estoy haciendo!

muchas gracias!.