Add Dynamic Action(Javascript Event) to the first checkbox (Oracle Apex)

Question

I would like to ask for help with regards to working with the checkbox item in oracle apex. My problem is that I cannot add a javascript event or dynamic action to the first checkbox for the purpose of toggling a check all event.

I have tried accessing the auto-generated id ex. P100_SAMPLE_CHECKBOX_0 and put it on jquery selector in dynamic action property but somehow still does not work.

Goal: Using jquery / javascript code to toggle check all when the first checkbox is clicked.

Further Explanation:


So as you can see on the top image I have a checkbox item which composed of year from 2016 to 2020. So let's assume that there was already an "All" checkbox on top of 2016. So what I wanted to do is upon clicking the first checkbox (which is "All") all the checkbox from 2016 up to the end will automatically be checked/unchecked.

Answer 1

Take note of the DA scope, it should be dynamic, otherwise partial page refreshes will stop your DA from working as expected.

There is also a :first selector, which will deliver the first component within a set.

Today I also modified the header of a column in a report to select/select all items, and controlled it that way.