Cómo puedo hacer lo siguiente con jQuery?

[reborn]

Hola,

tengo un listado de usuarios para enviar mensajes, de los cuales hay usuarios activos y usuarios inactivos.

Con un select quiero seleccionar todos, activos o inactivos, el tema es q no se como agregarle al input para decirle q el usuario esta activo o inactivo.

De jQuery no se casi nada pero me defiende buscando info.

Quisiera q me den una idea de como hacerlo.

Por ejemplo, yo tengo el select:

Código HTML:

<select>
   <option value="0">Todos</option>
   <option value="1">Activos</option>
   <option value="2">Inactivos</option>
</select>
 

y abajo me aparece la lista de todos los usuarios (activos/inactivos) con checkbox para seleccionarlos

Por ejemplo, tengo dos usuarios, uno activo y otro inactivo con checkbox para seleccionarlos

Código HTML:

<div class="checkbox">
   <input id="ConfigurationAllowUsersValue1" type="checkbox" value="1" name="data[Configuration][allow_users][value][]">
   <label for="ConfigurationAllowUsersValue1">Pepe</label>
</div>
 
<div class="checkbox">
   <input id="ConfigurationAllowUsersValue2" type="checkbox" value="2" name="data[Configuration][allow_users][value][]">
   <label for="ConfigurationAllowUsersValue2">Jose</label>
</div>
 

Ok, hasta ahi todo bien

Ahora, en donde puedo agregarle la palabra activo o inactivo?, yo me imagino q en el value... y quedaria de esta forma (por decir algun ejemplo)

Código HTML:

<div class="checkbox">
   <input id="ConfigurationAllowUsersValue1_active" type="checkbox" value="1_active" name="data[Configuration][allow_users][value][]">
   <label for="ConfigurationAllowUsersValue1_active">Pepe</label>
</div>
 
<div class="checkbox">
   <input id="ConfigurationAllowUsersValue2_inactive" type="checkbox" value="2_inactive" name="data[Configuration][allow_users][value][]">
   <label for="ConfigurationAllowUsersValue2_inactive">Jose</label>
</div>
 

Algo asi pense, el tema es q voy a tener q hacer explode por todos lados (me imagino yo), en php no tengo problemas, pero en jQuery me lo imagino muy complicado. Digo explode porq en la base de datos solo tengo q guardar el id, lo de active e inactive es solo para usar con jQuery.

Podrian guiarme de como hacerlo o encararlo?, no busco codigo, solo q me digan como pasar los datos y todo eso..

Gracias


pd: por las dudas aclaro q no busco evitar enviar mensajes a inactivos, eso lo hago directamente con php, se le envia a cualquiera. Tambien aclaro q el codigo ese ya me lo genera el framework q estoy usando (cakephp)

[bathorz]

Un modo podría ser:
Agregar id y una opción inicial al select para que al elegir Todos funcione change())
<select id="sel">
<option value="#">Elija</option>
<option value="0">Todos</option>

Agregar clase activo al div de Pepe: <div class="checkbox activo">
Agregar clase inactivo al div de Jose:<div class="checkbox inactivo">

JS:
$(document).ready(function() { <-- de inicio
Ante un cambio en el select tipo: $('#sel').change(function() {...

SI el valor de select === '0' <-- marca todos
.prop("") <-- coloque a todos los checkbox: 'checked' true

SI el valor de select === '1' <-- marca los de clase activo.
.find("") <-- que busque en los de clase activo los input de tipo checkbox
.prop("") <-- coloque: 'checked' true

SI === '2' mas o menos lo mismo.

Intenta, si no te sale seguimos.

[hackjose]

simplemente agrega una clase activo/inactivo

ya despues los seleccionas rapido con $(".activo"); O $(".inactivo");

salu2

[reborn]

Gracias muchachos, voy a probar a ver q sale