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