ACC: Web App Data storage of Checkbox data

[bryceh57660644]

(Updated)

Upon reviewing everything, the data is being stored properly when I change the type from checkbox to text, so I think it is about the way I am saving the checkbox data.

(picture below should have a row under language for Online Booking, and it does not.)

I am creating my first web app landing page in ACC and while I have all of my text input fields working, I am struggling to get the checkboxes to relay the data I want.

In the HTML, I have set the values - if checked - to be = 1

I was also looking into a data transfer issue, but the variables used in the web app, the HTML and data schema all line up:

Any help would be greatly appreciated.

[_Manoj_Kumar_]

Hello @bryceh57660644 

Are you trying to preload the data and have the checkbox checked automatically with the variable data?

If yes, What you can do is

<input type="checkbox" name="name" <% if(ctx.vars.VARIABLE_NAME =='YOUR_VALUE' ) { %>checked <% } %>>

[bryceh57660644]

No, I want them to check the box. I am just not 100% sure how to get that data in the schema I guess.

[bryceh57660644]

@_Manoj_Kumar_ no I am looking to have the recipient check the box of the service they are interested in.  Once they check the items they are interested in, and hit submit, I want the form to submit a Yes or 1 response to the data schema.  I have the fields as type="boolean" at the moment.

[_Manoj_Kumar_]

I don't think Type="boolean" is valid. If you want to have something like that you may want to use a checkbox instead. If the checkbox is checked then you will consider it as 1 or Yes. If the check is unchecked then you can consider is 0 or NO

[bryceh57660644]

@_Manoj_Kumar_ it seems like the issue is around the data note getting passed through for some reason.

[_Manoj_Kumar_ · Accepted solution]

Hello @bryceh57660644 

If you to store the checkbox value and treat it as a boolean then here is the code

HTML

<input type="checkbox" id="agree" label="agree">

JS

if(document.getElementById('agree').checked){
 document.controller.setValue('/ctx/vars/CHECKBOX_VARIABLE',"true");
 }  else{
  document.controller.setValue('/ctx/vars/CHECKBOX_VARIABLE',"false");
 }

Let me know if that helps