jquery - HTMLチェックボックスを非表示にして、そのラベルを表示する方法

Question

私はjQueryを初めて使用し、一連のチェックボックスの代わりにjQuery-uiSelectableコンポーネントを使用する方法を理解しようとしています。

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

チェックボックスを非表示にする方法を見つけても、そのラベルを表示できれば、機能させることができると思います。（私もHTMLの専門家ではありません）。これを行うことは可能ですか？

Answer 1

selectingこれには、およびunselectingイベントを使用できます。次に例を示します。

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

ここでテストできます。チェックボックスが表示されて機能していることを確認できます。同じバージョンに、チェックボックスを非表示にするためのスタイルが追加されています。

ただし、AJAX送信を行っている場合は、要素から派生した任意の値を取得できることを示すシリアル化デモを確認してください。実際の入力要素である必要はありません。