HTML checkbox to Javascript form

Question

I am (still) working on creating sidebar input for a Sheets add-on I'm developing. My current challenge is allowing a textbox and a checkbox to be passed from the form to my function.

The textbox works and successfully passes the variable. The checkbox I'm not as clear on. I need to turn the checkbox into a boolean.

The relevant html:

<p>
  <input type="text" id="datepicker">
  </p>
  <p>
  Include pledge?<br>
    <input type="checkbox" name="pledge[]" id="pledgeCheck" value="true">Yes<br>
  </p>
          <p>
            <input type="button" name="createdate" value="Create" onClick="google.script.run.create(document.getElementById('datepicker').value,document.getElementById('pledgeCheck').value)" />
          </p>

function create(datepicker,pledge) {

  //important vars
  var responses = ss.getSheetByName("Form Responses");
  var bulletin = ss.getSheetByName(todayDate);
  var todayDate=datepicker;
  var pledgeCheck=pledge;
  Logger.log(pledgeCheck);

currently the pledge feeds back as undefined.

SOLVED: A few things I wasn't getting, and maybe a few I just sort of overlooked and missed. I didn't have the right terms in all the right places. @umair pointed the way in my html, as shown below. My js, however, used pledge instead of pledgeCheck in the arguments.

Umair Mohammad · Accepted Answer · 2018-03-27 19:40:59Z

1

Remove the value from checkbox, otherwise it will be always true.
Check whether the checkbox is checked or not with .checked attribute and not with .value; this will return true for checked and false for unchecked.

<p>
   <input type="text" id="datepicker">
</p>
<p>
   Include pledge?<br>
   <input type="checkbox" name="pledge" id="pledgeCheck">Yes<br>
</p>
<p>
   <input type="button" name="createdate" value="Create" onClick="google.script.run.create(document.getElementById('datepicker').value,document.getElementById('pledgeCheck').checked)" />
</p>

answered Mar 27, 2018 at 19:40

Umair Mohammad

4,6432 gold badges23 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rob Campbell Over a year ago

thank you very much. So I assume once that var is passed to the js it will be either true or false? You've helped a lot! Grateful.

Umair Mohammad Over a year ago

Yes, second argument in the create function will be true/false.

Collectives™ on Stack Overflow

HTML checkbox to Javascript form

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related