D3 What does "SelectAll" and then "ON" do?

[TonyGoodDay2]

D3 What does "SelectAll" and then "ON" do?

Example: d3.selectAll('input[name="DREAMSCheckbox"]').on("change".....

[cmitchell74]

https://www.dashingd3js.com/lessons/d3-and-dom-events

• d3.selection.on(type[, listener[, capture]]) adds an event listener to each element in the current selection
• D3 invokes the listener in the same way it invokes other D3 operator functions - by passing the current datum "d", index "i", and the "this" context as the current DOM element -Notice D3 allows you to take advantage of capture phase versus bubbling phase event triggers
• d3.event captures an event when it happens and stores it in the variable d3.event
• The d3.event variable is a global variable that can be used in the event listener callback function registrered with the d3.selection.on operator
• After the JavaScript callback function has finished running, the current d3.event variable is reset
• You can "delete" an event listener by passing the JavaScript null object as the function for the eventListener type

[jjsahn]

Selects all the elements that matches the specified selector string, which would be the string of 'input....'. If there is an "on" action, the change occurs.

https://github.com/d3/d3-selection