Mobile App Framework7 toggle checkbox always send value even if checked or not

Mobile Apps
,
#1

Hi everybody,
I’m trying to filter results from a paged query on my Framework7 Mobile App.

My result (repeat) page provides a popup with different filters toggle checkbox.
After setting the different “filters/options” a button allow to close the filter popup and reload the query sending Get params.

Capture d’écran 2023-03-15 à 23.24.38
Capture d’écran 2023-03-15 à 23.24.38930×1796 150 KB
Capture d’écran 2023-03-15 à 23.24.55
Capture d’écran 2023-03-15 à 23.24.551024×1912 107 KB

Most of them are toggle-icon

        <li><div class="item-content">
          <div class="item-inner">
            <div class="item-title">Concerne un opérateur</div>
            <div class="item-after">
              <label class="toggle toggle-init">
                <input type="checkbox" id="checkboxFConcerneOperateur" name="fconcerneoperateur" value="1" checked><i class="toggle-icon"></i>
              </label>
            </div>
          </div>
        </div>
      </li>

Regardless of the toggle is switched ON or OFF the value (setted to 1) is send on-click event.

Capture d’écran 2023-03-15 à 23.28.49
Capture d’écran 2023-03-15 à 23.28.492098×64 16.3 KB

How to send 0/1 or null/true ?

Thanks

#2 
<input type="checkbox" id="checkboxFConcerneOperateur" name="fconcerneoperateur" value="" dmx-bind:value="checked ? 1 : 0" checked>
1 Like
#3

Super thanks!