Cómo ocultar una casilla de verificación HTML pero todavía mostrar su etiqueta

Question

Soy nuevo en jQuery y he estado tratando de encontrar la manera de utilizar el componente seleccionable jQuery-UI como una alternativa a un conjunto de casillas de verificación.

http://jqueryui.com/demos/selectable/

creo que podría hacerlo funcionar si puedo encontrar una manera de ocultar la casilla pero todavía mostrar su etiqueta. (No soy un experto en HTML tampoco). ¿Es posible hacer esto?

Answer 1

Sólo puede utilizar los eventos selecting y unselecting para esto, por ejemplo:

$( "#selectable" ).selectable({
    selecting: function(event, ui) {
        $(ui.selecting).find(':checkbox').attr('checked', true);
    },
    unselecting: function(event, ui) {
        $(ui.unselecting).find(':checkbox').attr('checked', false);
    }
});

Puedes probarlo aquí, con las casillas de verificación visibles a verlo de trabajo, y aquí es que la misma versión con sólo algunos añaden peinado para ocultar las casillas de verificación .

Sin embargo, si usted está haciendo presentaciones AJAX, echa un vistazo a la serialización de demostración que muestra usted puede conseguir cualquier valor derivado de los elementos, no tiene que ser un elemento de entrada real.