Need help with javascript/Jqyery to Capture the text/value of the selected checkbox in HTML.

[venkatesh emandi]

[David Beagan]

Your screen shot is from a page built with App Studio's HTML Canvas?

[venkatesh emandi]

Yes it was built in  App Studio's HTML Canvas.

 

[Martin Yergeau]

IBI offers simple function to do it which can be placed under "Embedded JavaScript" tab of AppStudio HTML Canvas:

 var boxVal = IbComposer_getCurrentSelection('checkbox1');

[David Beagan]

I added a button then clicked on the “lightning bolt” icon

and clicked the … icon to create an onClick event and JavaScript function.

 

Clicking the “Embedded JavaScript tab that is along the bottom of the canvas, reveals the JavaScript.

I added this code to the newly created button1_onclick function:

var cbox = document.getElementById('checkbox1');cbox.style.backgroundColor = "ivory";cbox.style.fontWeight = "bold";cbox.style.left = "10px"; const cbox5 = document.getElementById('checkbox1_LABEL_5');cbox5.style.color="red";

It looks like this:

 When run, it looks like this:

 

Clicking the Button runs the JavaScript to color the checkbox, bold all the values, change to a new postion and color the 5th value red.

[David Beagan]

Also, as in my example and Martin's the checkbox has a unique identifyer of checkbox1. Yours probably is too but not necessarily. To see for sure, select the checkbox and look at its properties.