Seleccionar / anular la selección de CheckBoxes de columnas únicas con Jquery

votos
0

Tengo una vista de cuadrícula con varias columnas de casilla de verificación y me preguntaba si alguien podría mostrarme cómo seleccionar todas las casillas de verificación en una columna única. No quiero seleccionar una casilla de verificación en el encabezado y hacer que seleccione todas las casillas de verificación en la vista de cuadrícula. Soy nuevo en jQuery, literalmente en la etapa de principiantes y esperaba poder hacerlo en jquery.

Gracias de antemano, Terry

Publicado el 07/08/2009 a las 20:14
fuente por usuario
En otros idiomas...                            


2 respuestas

votos
0

toda casilla de verificación tiene que ser la clase = "myClass"

$(".myClass").attr("checked", true);

Ejemplo extendido:

<html>
  <head>
    <title></title>
    <script type="text/javascript" src="../jquery-ui-1.7.custom/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        jQuery(function(){
            alert('before')
            $(".myClass").attr("checked", true);
            alert('after')
        });
    </script>
  </head>
  <body>
      <input type="checkbox" id="cb1" class="myClass" value="false">
      <input type="checkbox" id="cb2" class="myClass" value="false">
      <input type="checkbox" id="cb3" class="myClass" value="false">
      <input type="checkbox" id="cb4" class="myClass" value="false">
      <input type="checkbox" id="cb5" class="myClass" value="false">
      <input type="checkbox" id="cb6" class="myClass" value="false">
      <input type="checkbox" id="cb7" class="myClass" value="false">
      <input type="checkbox" id="cb8" class="myClass" value="false">
      <input type="checkbox" id="cb9" class="myClass" value="false">
      <input type="checkbox" id="cb0" class="myClass" value="false">
  </body>
</html>
Respondida el 07/08/2009 a las 20:25
fuente por usuario

votos
0
// assuming you want to specify the column index.
var selectedColumnIndex = 2; 

$('td:nth-child(' + selectedColumnIndex + ')').each( function(){
   $(":checkbox", $(this)).attr("checked", true);
});
Respondida el 07/08/2009 a las 21:38
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more