como utilizar o mandar llamar una funsion de Javascript en un checkBoxList

#1 (**permalink**) 08/10/2004, 10:06

Especificamente la pregunta es en que evento del CheckBoxList puefo agrgar la función de Java onclick para que los elementos se seleccionen y deseleccionen segun sea el caso.

Por favor ayudenme, es un poquito urgente.

Gracias y hasta luego.

sindestino · #2 (**permalink**) 08/10/2004, 12:42

No termino de entenderte anali... ¿qué no se seleccionan o deseleccionan solos con solo hacer click en ellos? ¿qué es exactamente lo que querés hacer?

Recordá que el control web ckeckboxlist se renderiza (se escribe en la página) como muchos controles HTML diferentes, a diferencia de, por ejemplo un <ASP:TextBox> que se renderiza en un simple <input>.

#3 (**permalink**) 08/10/2004, 13:42

Perdon , es verdad, no describi exactamente lo que necesito.

Tengo un CheckBoxList con 4 items, lo que quiero es que si seleccionas el primer Item automaticamente se seleccionen todos los demas y que si deseleccionas cualquier casilla menos la primera, estonces esta(la primer casilla) se deseleccione.

Espero que esta vez si sea un poco mas claro mi mensaje.

Muchas gracias por atender mi mensaje y espero su respuesta.

RootK · #4 (**permalink**) 08/10/2004, 14:41

anali... Lo que pretendes es por ejemplo tener un checkbox list y hasta abajo o hasta arriba tener uno que haga check sobre todos..??

Si es así te paso un ejemplo que acabo de hacer:

pagina.aspx (del lado de html)

Cita:

<asp:CheckBoxList id="CheckBoxList1" runat="server">
<asp:ListItem Value="Uno">Uno</asp:ListItem>
<asp:ListItem Value="Dos">Dos</asp:ListItem>
<asp:ListItem Value="Tres">Tres</asp:ListItem>
</asp:CheckBoxList>
<P><INPUT type="checkbox" onclick="checkAll( this );"> Check All</P>

Ahora.. si te fijas cuando ya procesas tu pagina aspx el checkboxlist no es mas que una tabla con varios inputs de tipo checkbox.... con el ID del checkbox list pero con un guión bajo y de maner consecutiva.. algo como ésto:

(página procesada)

Cita:

Y por lo tanto tu vas a hacer un check sobre los elementos de esa tabla.. de tal forma que te script quédaría así:

Cita:

<SCRIPT language="javascript" type="text/javascript">

function checkAll( e )
{
if (e.checked) //Si está checked
setObj(true);
else
setObj(false);
}
function setObj( b )
{
var iNumElements = 2; //Numero de elementos de tu checkboxlist

var objChk;
var chk;
for (i=0;i<=iNumElements;i++) {
objChk = 'CheckBoxList1_' + i; //Busco el elemento

chk = document.getElementById(objChk);
chk.checked = b;
}
}
</script>
...

Y tu página completa quedaría:

Cita:

<HTML>
<HEAD>
<SCRIPT language="javascript" type="text/javascript">

function checkAll( e )
{
if (e.checked)
setObj(true);
else
setObj(false);
}
function setObj( b )
{
var iNumElements = 2;
var objChk;
var chk;
for (i=0;i<=iNumElements;i++) {
objChk = 'CheckBoxList1_' + i;
chk = document.getElementById(objChk);
chk.checked = b;
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM id="Form1" method="post" runat="server">
<asp:CheckBoxList id="CheckBoxList1" runat="server">
<asp:ListItem Value="Uno">Uno</asp:ListItem>
<asp:ListItem Value="Dos">Dos</asp:ListItem>
<asp:ListItem Value="Tres">Tres</asp:ListItem>
</asp:CheckBoxList></P>
<P><INPUT type="checkbox" onclick="checkAll( this );"> Check All</P>
</FORM>
</BODY>
</HTML>

Solo haz copy and paste del code... funciona sin problemas...

Espero te sirva..

Salu2