Как скрыть флажок HTML, но по-прежнему показывать его ярлык

Question

Я новичок в jQuery, и я пытался выяснить, как использовать компонент jQuery-ui Selectable в качестве альтернативы набору флажков.

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, посмотрите демонстрационную сериализацию , которая показывает, что вы можете получить любое значение, полученное из элементов, оно не обязательно должно быть фактическим элементом ввода.