Checkbox sends same value, no matter if checked or not - javascript, html

Question

I have a checkbox on my site looking like this:

<input type="checkbox" class="form-control" id="jobfixedstart_cb" onclick="jobfixedstartfunc();" />

In a Javascript .onClick-Event I get the value of the checkbox like this:

var addjobfixedstart = document.forms["add-new-job"].jobfixedstart_cb.value;

Now, no matter if the checkbox is checked or not, the value of "addjobfixedstart" is always "on". If I give the checkbox a value, it always sends the value.

What am i doing wrong?

Edit: I checked the status of the variable with an "alert" after the variable like that:

alert(addjobfixedstart);

dfsq · Accepted Answer · 2018-01-24 09:16:13Z

2

If you want to check checked status you should read checked property. For checkbox value read value property. In addition, listen to onchange event, rather then onclick.

All together it will become:

function jobfixedstartfunc() {
	var checkbox = document.forms["add-new-job"].jobfixedstart_cb;
  alert('Checked:' + checkbox.checked + ', value:' + checkbox.value)
}

<form name="add-new-job">
  <input type="checkbox" class="form-control" id="jobfixedstart_cb" onchange="jobfixedstartfunc();" />
</form>

answered Jan 24, 2018 at 9:16

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

1 Comment

Andrewstevens Over a year ago

Thank you for your answer, but I tryed something different now which worked.

Waleed Iqbal · Accepted Answer · 2018-01-24 09:20:52Z

0

You can try the following if you are trying to know whether a checkbox is checked or not

document.getElementById('jobfixedstart_cb').checked

This returns boolean. I hope this helps.

answered Jan 24, 2018 at 9:20

Waleed Iqbal

1,3202 gold badges21 silver badges38 bronze badges

1 Comment

Andrewstevens Over a year ago

Thank you, i came to the same result ;)

Andrewstevens · Accepted Answer · 2018-01-24 09:22:58Z

0

I made it work by checking the checkbox like this:

var addjobfixedstart = document.getElementById("jobfixedstart_cb").checked

You get back a "true" of "false" value which you can work with.

answered Jan 24, 2018 at 9:22

Andrewstevens

591 silver badge8 bronze badges

Collectives™ on Stack Overflow

Checkbox sends same value, no matter if checked or not - javascript, html

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related