加载时隐藏的复选框不会发布

Question

i'm having a problem with submitting checkboxes that are hidden on page load.

I have a large form that I've split into several blocks. All of them are hidden on load and when the user selects a specific type of device I just show a block that contains inputs for that specific device type.

The problem occurs when submitting an input block that contains checkboxes. All other inputs (text, dropdowns...) submit fine, but checkboxes don't submit anything.

I removed the CSS class that hides the blocks and tried submitting then (so the whole form is visible on load), and checkboxes work in that case.

So... how do I actually get this to work? I know checkboxes as a HTML element don't post anything if they're not checked, but I didn't know about this "feature" if they're not present on load.

I'm using codeigniter btw, and just a regular POST - no ajax.

Answer 1

Dirty css trick:

.checkbox-test{
   clip: rect(1px, 1px, 1px, 1px);
   /*Put it outside of the screen ?
   position: absolute;
   top: -9001;
   */
}

It simply creates a mask off 1 pixel, the checkbox is still accessible for the browser but to small to see