Form submitter - Stimulus JS

// app/javascript/controllers/submitter_controller.js
import { Controller } from "@hotwired/stimulus"

// Connects to data-controller="submitter"
export default class extends Controller {
  // data-submitter-target="button"
  static targets = ["button"]

  // data-action="click->submitter#submit"
  submit() {
    this.buttonTarget.click()
  }
}

<div data-controller="submitter">
  <%= form_with model: @book do |f| %>
    <div>
      Published <%= f.checkbox :published, data: { action: "click->submitter#submit" } %>
    </div>

    <%= f.button nil, class: "hidden", data: { submitter_target: "button"}  %>
  <% end %>
</div>