jquery - 如何隐藏 HTML 复选框但仍显示其标签

Question

我是 jQuery 新手，我一直在尝试弄清楚如何使用 jQuery-ui Selectable 组件作为一组复选框的替代品。

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

如果我能找到隐藏复选框但仍显示其标签的方法，我想我可以让它工作。（我也不是 HTML 专家）。是否有可能做到这一点？

Answer 1

您可以为此使用selectingandunselecting事件，例如：

$( "#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 提交，请查看序列化演示，该演示显示您可以从元素中获取任何值，它不必是实际的输入元素。