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

发布于 2024-10-01 02:18:01 字数 251 浏览 3 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

〗斷ホ乔殘χμё〖 2024-10-08 02:18:01

您只需使用选择和取消选择事件即可，例如：

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

You can just use the selecting and unselecting events for this, for example:

$( "#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, and here's that same version with just some added styling to hide the checkboxes.

Though, if you're doing AJAX submissions, check out the serialize demo that shows you can get any value derived from the elements, it need not be an actual input element.

回复收藏 0 原文

~没有更多了~