如何在 HTMX 中使用多个复选框切换查询参数？

Answer 1

您可以定义

name

和

value

，htmx 在发出 GET 请求时会将它们附加为查询参数。

试试这个：

<input
  type="checkbox"
  value="true"
  name="accepted"
  hx-replace-url="true"
  hx-get="/"
  hx-trigger="change"
/>

---

如果您有多个复选框，您应该用表单标签将它们包裹起来：

<form hx-get="/" hx-trigger="change" hx-replace-url="true">
    <input
      type="checkbox"
      name="accepted"
      value="true"
    />
    <input
      type="checkbox"
      name="excluded"
      value="true"
    />
</form>