Come nascondere una casella di controllo HTML, ma mostrano ancora la sua etichetta

Question

Sono nuovo di jQuery e ho cercato di capire come utilizzare il componente selezionabile jQuery-ui come alternativa ad una serie di caselle di controllo.

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

Credo che potrei farlo funzionare se riesco a trovare un modo per nascondere la casella di controllo, ma mostrare ancora la sua etichetta. (Io non sono un esperto di HTML o). E 'possibile fare questo?

Answer 1

Si può solo utilizzare gli eventi selecting e unselecting per questo, ad esempio:

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

È possibile verificare qui, con le caselle di controllo a vista per vederlo di lavoro, e ecco che stessa versione con solo alcuni aggiunto styling per nascondere le caselle di controllo .

Anche se, se si sta facendo osservazioni AJAX, controllare le serializzare demo che mostra è possibile ottenere qualsiasi valore derivato dagli elementi, non deve essere un elemento di ingresso vero e proprio.