Acceder a checkbox
Saludos expertos
Me gustaría saber como puedo acceder a la propiedad name de un checkbox y pasarla a una ventana de alert mediante un enlace.
Lo que quiero hacer exactamente es recoger información de todos los checkbox que halla seleccionados en la página(true) y recoger la propiedad name de los seleccionados en una ventana alert.
Thanks...
Me gustaría saber como puedo acceder a la propiedad name de un checkbox y pasarla a una ventana de alert mediante un enlace.
Lo que quiero hacer exactamente es recoger información de todos los checkbox que halla seleccionados en la página(true) y recoger la propiedad name de los seleccionados en una ventana alert.
Thanks...
1 Respuesta
Respuesta de chispeante
1
Te paso un pequeño ejemplo de código donde al pulsar un botón recoges el name del check y su valor mostrándolo en un alert.
<html>
<script>
function borrar(){
formulario.lista1Recupera.options[0]=null;
formulario.lista1Recupera.options[1]=null;
formulario.lista1Recupera.options[2]=null;
formulario.lista2Recupera.options[0]=null;
formulario.lista2Recupera.options[1]=null;
formulario.lista2Recupera.options[2]=null;
}
function recuperaCheckActivos(){
//borrar();
//var pos=0
//var indice1 = document.formulario.listabbdd1.selectedIndex // cogo el indice selecionado
//var indice2 = document.formulario.listabbdd2.selectedIndex // cogo el indice selecionado
//var indice3 = document.formulario.listabbdd3.selectedIndex // cogo el indice selecionado
var mostrar="CHECK CHEQUEADOS"+"\n";
if (formulario.ch1.checked){
//formulario.lista1Recupera.options[pos]=new Option(formulario.ch1.value,formulario.ch1.value,true,false)
//formulario.lista2Recupera.options[pos]=new Option(formulario.textbbdd1.value,formulario.textbbdd1.value,true,false)
//alert(indice1);
//alert(document.formulario.listabbdd1.options[indice1].value);
//formulario.lista3Recupera.options[pos]=new Option(document.formulario.listabbdd1.options[indice1].value,document.formulario.listabbdd1.options[indice1].value,true,false)
//pos++;
mostrar=mostrar+"Nombre "+formulario.ch1.name+" valor "+formulario.ch1.value+" su caja asociada con valor "+formulario.textbbdd1.value
}
if (formulario.ch2.checked){
//formulario.lista1Recupera.options[pos]=new Option(formulario.ch2.value,formulario.ch2.value,true,false)
//formulario.lista2Recupera.options[pos]=new Option(formulario.textbbdd2.value,formulario.textbbdd1.value,true,false)
//formulario.lista3Recupera.options[pos]=new Option(document.formulario.listabbdd2.options[indice2].value,document.formulario.listabbdd2.options[indice2].value,true,false)
//pos++;
mostrar=mostrar+"\n"+"-------------------------------------------------"+"\n"+" Nombre "+formulario.ch2.name+" valor "+formulario.ch2.value+" su caja asociada con valor "+formulario.textbbdd2.value
}
if (formulario.ch3.checked){
//formulario.lista1Recupera.options[pos]=new Option(formulario.ch3.value,formulario.ch3.value,true,false)
//formulario.lista2Recupera.options[pos]=new Option(formulario.textbbdd3.value,formulario.textbbdd1.value,true,false)
//formulario.lista3Recupera.options[pos]=new Option(document.formulario.listabbdd3.options[indice3].value,document.formulario.listabbdd3.options[indice3].value,true,false)
//pos++;
mostrar=mostrar+"\n"+"-------------------------------------------------"+"\n"+" Nombre "+formulario.ch3.name+" valor "+formulario.ch3.value+" su caja asociada con valor "+formulario.textbbdd3.value
}
// parte del alert
alert(mostrar);
}
</script>
<form name=formulario>
<input type=checkbox name="ch1" value="link1"> <input type=text name="textbbdd1" value="Texto asociado al checkbox1" size=30>
<br>
<input type=checkbox name="ch2" value="link2"> <input type=text name="textbbdd2" value="Texto asociado al checkbox2" size=30>
<br>
<input type=checkbox name="ch3" value="link3"> <input type=text name="textbbdd3" value="Texto asociado al checkbox3"size=30>
<br>
<input type=button name=butRecupera value=Recupera onclick="recuperaCheckActivos()"> <br>
<br>
</form>
</html>
<html>
<script>
function borrar(){
formulario.lista1Recupera.options[0]=null;
formulario.lista1Recupera.options[1]=null;
formulario.lista1Recupera.options[2]=null;
formulario.lista2Recupera.options[0]=null;
formulario.lista2Recupera.options[1]=null;
formulario.lista2Recupera.options[2]=null;
}
function recuperaCheckActivos(){
//borrar();
//var pos=0
//var indice1 = document.formulario.listabbdd1.selectedIndex // cogo el indice selecionado
//var indice2 = document.formulario.listabbdd2.selectedIndex // cogo el indice selecionado
//var indice3 = document.formulario.listabbdd3.selectedIndex // cogo el indice selecionado
var mostrar="CHECK CHEQUEADOS"+"\n";
if (formulario.ch1.checked){
//formulario.lista1Recupera.options[pos]=new Option(formulario.ch1.value,formulario.ch1.value,true,false)
//formulario.lista2Recupera.options[pos]=new Option(formulario.textbbdd1.value,formulario.textbbdd1.value,true,false)
//alert(indice1);
//alert(document.formulario.listabbdd1.options[indice1].value);
//formulario.lista3Recupera.options[pos]=new Option(document.formulario.listabbdd1.options[indice1].value,document.formulario.listabbdd1.options[indice1].value,true,false)
//pos++;
mostrar=mostrar+"Nombre "+formulario.ch1.name+" valor "+formulario.ch1.value+" su caja asociada con valor "+formulario.textbbdd1.value
}
if (formulario.ch2.checked){
//formulario.lista1Recupera.options[pos]=new Option(formulario.ch2.value,formulario.ch2.value,true,false)
//formulario.lista2Recupera.options[pos]=new Option(formulario.textbbdd2.value,formulario.textbbdd1.value,true,false)
//formulario.lista3Recupera.options[pos]=new Option(document.formulario.listabbdd2.options[indice2].value,document.formulario.listabbdd2.options[indice2].value,true,false)
//pos++;
mostrar=mostrar+"\n"+"-------------------------------------------------"+"\n"+" Nombre "+formulario.ch2.name+" valor "+formulario.ch2.value+" su caja asociada con valor "+formulario.textbbdd2.value
}
if (formulario.ch3.checked){
//formulario.lista1Recupera.options[pos]=new Option(formulario.ch3.value,formulario.ch3.value,true,false)
//formulario.lista2Recupera.options[pos]=new Option(formulario.textbbdd3.value,formulario.textbbdd1.value,true,false)
//formulario.lista3Recupera.options[pos]=new Option(document.formulario.listabbdd3.options[indice3].value,document.formulario.listabbdd3.options[indice3].value,true,false)
//pos++;
mostrar=mostrar+"\n"+"-------------------------------------------------"+"\n"+" Nombre "+formulario.ch3.name+" valor "+formulario.ch3.value+" su caja asociada con valor "+formulario.textbbdd3.value
}
// parte del alert
alert(mostrar);
}
</script>
<form name=formulario>
<input type=checkbox name="ch1" value="link1"> <input type=text name="textbbdd1" value="Texto asociado al checkbox1" size=30>
<br>
<input type=checkbox name="ch2" value="link2"> <input type=text name="textbbdd2" value="Texto asociado al checkbox2" size=30>
<br>
<input type=checkbox name="ch3" value="link3"> <input type=text name="textbbdd3" value="Texto asociado al checkbox3"size=30>
<br>
<input type=button name=butRecupera value=Recupera onclick="recuperaCheckActivos()"> <br>
<br>
</form>
</html>
