Ver Mensaje Individual
  #4 (permalink)  
Antiguo 08/10/2004, 14:41
Avatar de RootK
RootK
Moderador
 
Fecha de Ingreso: febrero-2002
Ubicación: México D.F
Mensajes: 8.004
Antigüedad: 22 años, 3 meses
Puntos: 50
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 );">&nbsp;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:
<table id="CheckBoxList1" border="0">
<tr>
<td><input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1:0" /><label for="CheckBoxList1_0">Uno</label></td>
</tr><tr>
<td><input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1:1" /><label for="CheckBoxList1_1">Dos</label></td>
</tr><tr>
<td><input id="CheckBoxList1_2" type="checkbox" name="CheckBoxList1:2" /><label for="CheckBoxList1_2">Tres</label></td>
</tr>
</table>
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 );">&nbsp;Check All</P>
</FORM>
</BODY>
</HTML>
Solo haz copy and paste del code... funciona sin problemas...

Espero te sirva..

Salu2
__________________
Nadie roba nada ya que en la vida todo se paga . . .

Exentrit - Soluciones SharePoint & Net

Última edición por RootK; 08/10/2004 a las 14:43