Filter dynamic Checkbox

Wappler General
1 
<form id="formService_Cat" class="nav ">
<div class="form-group mb-3" is="dmx-checkbox-group" id="group1" dmx-bind:value="ServiceCategories.values('ID_Service_Category')">
  <div class="form-check radiowrap" dmx-repeat:servicescategory="ServiceCategories">
    <input class="form-check-input" type="checkbox" id="service_cat" name="service_cat" dmx-bind:value="ID_Service_Category" >
    <label class="form-check-label" for="service_cat">{{Service_Category}}</label>
  </div> </div> </form >

Hello,

I have been trying to filter the query using the checkbox above. I followed the tutorial online, but it is not working yet. Unless I add the dynamic event attributes. So, I added on-click event attributes to the form. It was working. However, when I click on the input, the entire page refresh, and the screen view starts at the beginning of the page.
I wanted to make sure the filter works - and the browser doesn’t start at the beginning of the page every time you click on the input form. And stay exactly where it has been clicked.

Thank you in advance,

2

I don’t understand what you’re trying to do. But one thing that might help is you have id="service_cat" and also name="service_cat"

I’ve had issues with that before, I recommend not having them the same value. For example change the id to inp_service_cat.

Now for your actual question: what are you trying to achieve exactly? You want to filter a database query with a checkbox? What should the filter be? Perhaps you can share some screenshots of the ui / server action

3

The mistake was the fact I was trying to filter the query under the repeat region. However, it filtered the parent query first and then the child.
I had to create another query independently to be able to make it work.

Thank you very much for your input. I also fixed the id and name issue. :grinning: