Как скрыть 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); 
    } 
}); 

You can test it here, with the checkboxes visible to see it working и here's that same version with just some added styling to hide the checkboxes.

Хотя, если вы делаете AJAX-представления, check out the serialize demo, который показывает, что вы можете получить любое значение, полученное из элементов, оно не должно быть фактическим элементом ввода.