Cita:
Iniciado por siddartha23 1_ A la función remove la faltan los paréntesis ().
2_ Lo que estas clonado es el checkbox, no el string que está al costado del checkbox.
3_ En ningún momento borras el string que queda en el div habilitados.
4_ En vez de usar clone+append y luego remove() podrías usar solo append que lo va eliminar de donde esta y le va dar una nueva ubicación.
Gracias Siddartha23. poniendo los () en el remove funcionó.
En cuanto a tu recomendación 4, hice la prueba quitando el remove, pero el append solo no elimina del div original.
Para el tema de los textos ya queda solucionado: lo que he hecho es poner todo dentro de un div y mover el div. queda de la siguiente forma si tienen alguna sugerencia es muy bien venida, todo sea por aprender más y mejorar.:
Código PHP:
var mobilizaCheckbox = function(clase, clasedes){
$(clase + " .hab" ).each(function(){
var $this = $(this);
var aID = $this.prop("id");
$(clase + " #" + aID + " .uno" ).each(function(){
//var $this = $(this);
if($(this).is(':checked')){
$this.clone().appendTo($(clasedes));
//$this.remove();
}
});
});
};
$('#btn_1').click(function(){
mobilizaCheckbox("#habilitados","#deshabilitados");
});
$('#btn_2').click(function(){
mobilizaCheckbox("#deshabilitados","#habilitados");
});
Código PHP:
<form id="forma_asignacion" action=''>
<table id="tablaValores">
<tr>
<td>
<input type="checkbox" id="s1" /> Seleccionar todos<br>
</td>
<td></td>
<td>
<input type="checkbox" id="s2" /> Seleccionar todos<br>
</td>
</tr>
<tr>
<td id="habilitados">
<div class="hab" id=2 ><input type="checkbox" class='uno' id=2 />2<br></div>
<div class="hab" id=3 ><input type="checkbox" class='uno' id=3 />3<br></div>
</td>
<td>
<input type="button" value=">>>" id="btn_1" />
<p></p>
<input type="button" value="<<<" id="btn_2" />
</td>
<td id="deshabilitados">
<div class="hab" id=1 ><input type="checkbox" class='uno' id=1 />1<br></div>
<div class="hab" id=4 ><input type="checkbox" class='uno' id=4 />4<br></div>
</td>
</tr>
</table>
<p></p>
<input type="button" value="Guardar" id="btn_1" />
<p></p>
</form>