Html 如何在表单中创建选择范围？

我正在使用expressionengine和safecraker为调度应用程序创建一个web表单，允许用户选择所需的轮班时间（例如：早上6点到晚上8点）。我想让表格知道开始和结束，并勾选中间的所有框以填写范围

我本来打算放一堆if语句来更改复选框的状态，但这看起来很笨拙。有人知道jquery工具可以做这件事吗？或者什么是最好的方法，我似乎找不到任何关于创建这个的信息

我也希望有表格更新，但不被提交

谢谢

*更新

我没有任何示例代码，因为我仍处于研究阶段。我不确定从哪里开始，然后显示一天的整个时间线，并且每天都是一个复选框（当然，我会添加css以便看起来更好）。举个例子，我希望它像旅游网站一样工作。当您选择出境航班和返程航班时，它会突出显示这两天之间的所有时间

*解决方案

---

除了Trym的例子之外，我还发现了一个如何实现它的例子，我认为我太执着于将它与日历结合起来。

复选框不是范围的选择。试试类似的东西。我认为这将是一个更流畅的用户体验，以及写作。每一个例子都有一个非常详细的来源。我相信你会明白的，但我建议你远离复选框

---

T.

这很模糊，为什么不添加一个？我们似乎也找不到任何打字错误。很奇怪，不是吗？；）这看起来很接近我想要的。谢谢如果不是这样，那么就有一大堆不同的jquery框架和免费软件。用它的价值！很乐意帮忙。