Desactivar checks de un table

[xtian87]

Hola, gracias por su tiempo, mi duda es la siguiente:
Miren yo creo tables de manera dinámica, y sus filas tambien, la primera celda de cada fila es un checkBox, lo que busco es q al activar un check de un tabla los demás checks de esa tabla se desactiven. Por Ejemplo:

Supongamos que dinamicamente se han creado 2 tablas, la primera tiene 5 filas y la segunda 3, lo que quiero es q al hacer click en cualquiera de los checks de la tabla 1 , los de mas checks de esa taba se desactiven, solo los de esa tabla. Obviamente busco lo mismo para la segunda tabla (tabla 2), al hacer click en cualquiera de los check de esa tabla los demas cheks de esa tabla se desactiven.

Supongo que lo q tengo q hacer es obtener los componentes de cada tabla (checks en este caso) y luego comenzar a validarlos con disabled=true pero me eh estado loqueando un buen rato en esto.

Muchas gracias por sus posibles respuestas.

[mad249]

Saludos.... Mira, me parece bien que Instancies las Tablas Dinámicamente.. pero a que te refieres con que Desmarcar los checkboxes de las TABLAS???.. será que te refieres a que las Tablas las manipulas desde GRIDVIEW o DATAGRID???

si es así.. esta función me parece que te podría servir:

Código PHP:

  <script type="text/javascript">
var gridViewCtlId = '<%=gvTabla%>';

    function valida(obj)
    {
        var inputs = document.getElementById("gvTabla").getElementsByTagName("input");
        
     for (i = 0; i < inputs.length; i++)
     {
          if(inputs[i].type=='checkbox')
          {
               if(obj!= inputs[i].name)
               {
                inputs[i].checked = false;
                
               }
          }
      }
</script>  
  

En este ejemplo Tengo un DataTable que se muestra mediante un GridView llamado gvTabla.. obviamente encuentro el control primero para poder hacer la referencia a los checkbox que se encuentren dentro del GridView...

Como solamente hay Checkbox's en la primera Columna, lo unico que tengo que referenciar es el indice del Renglon donde se encuentra dicho Checkbox.. y una vez que lo encuentre.. realize un UNCHECKED a todos los demas que se encuentran en una Fila diferente...

solo agrega la funcion al control que estas Validando..

Espero te sirva.. si es así.. se acepta Karma.. de lo contrario, pon algun ejemplo o codigo para ayudarte

atte.yo

[masterojitos]

ps creo que seria algo asi:

Código html:

<script type="text/javascript">
function valida(tabla){
    var inputs = document.getElementById(tabla).getElementsByTagName("input");
    for (i = 0; i < inputs.length; i++){
        if(inputs[i].type=='checkbox') inputs[i].checked = false;
    }
}
</script>
 
<table id="tabla1">
....
<input type="check" name="nombre11" onclick="desactiva('tabla1')" />
<input type="check" name="nombre12" onclick="desactiva('tabla1')" />
......
</table>
 
<table id="tabla2">
....
<input type="check" name="nombre21" onclick="desactiva('tabla2')" />
<input type="check" name="nombre22" onclick="desactiva('tabla2')" />
......
</table>
 

Gracias por el karma :P

suerte.

[zerokilled]

solo una curiosidad. en lugar de checkbox, ¿por qué no lo haces con radios? el proposito de radio es que te permite seleccionar solo una opcion dentro de un grupo, en cambio los checkbox te permite escoger multiples opciones.

[xtian87]

Gracias a todos por sus rptas. Me habia confundido al postear, no era desmarcar era deshabilitar...por eso habia puesto en una parte disabled=true .... Voy a probar sus rptas y les comento como me fué ... Nuevamente gracias

[masterojitos]

Iniciado por masterojitos

ps creo que seria algo asi:

Código html:

<script type="text/javascript">
function valida(tabla){
    var inputs = document.getElementById(tabla).getElementsByTagName("input");
    for (i = 0; i < inputs.length; i++){
        if(inputs[i].type=='checkbox') inputs[i].checked = false;
    }
}
</script>
 
<table id="tabla1">
....
<input type="check" name="nombre11" onclick="desactiva('tabla1')" />
<input type="check" name="nombre12" onclick="desactiva('tabla1')" />
......
</table>
 
<table id="tabla2">
....
<input type="check" name="nombre21" onclick="desactiva('tabla2')" />
<input type="check" name="nombre22" onclick="desactiva('tabla2')" />
......
</table>
 

Gracias por el karma :P

suerte.

cambialo por disabled no ???????

Código html:

<script type="text/javascript">
function valida(tabla){
    var inputs = document.getElementById(tabla).getElementsByTagName("input");
    for (i = 0; i < inputs.length; i++){
        if(inputs[i].type=='checkbox') inputs[i].disabled = true;
    }
}
</script>
 
<table id="tabla1">
....
<input type="check" name="nombre11" onclick="desactiva('tabla1')" />
<input type="check" name="nombre12" onclick="desactiva('tabla1')" />
......
</table>
 
<table id="tabla2">
....
<input type="check" name="nombre21" onclick="desactiva('tabla2')" />
<input type="check" name="nombre22" onclick="desactiva('tabla2')" />
......
</table>
 

ahora si me gane mi karma ???? hahaha

Suerte.

[xtian87]

Hey señores gracias a todos por sus rptas, salió todo perfecto, muchisimas gracias ....

[mad249]

Iniciado por xtian87

Hey señores gracias a todos por sus rptas, salió todo perfecto, muchisimas gracias ....

Hombre de Nada... para eso es el FORO que no???

Saludos!