如何隐藏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表明您可以从元素中获取任何值，但它不一定是实际的输入元素。