How to get the input value of a checkbox (true/false)

Question

I have this html and I am trying to get the input value of a certain checkbox

    var option = document.createElement('li');
    var checkbox = document.createElement('input');
    var label = document.createElement('label')
    var optionId = "option" + "" + questionNumber + subquestionNumber;
    var checkBoxId = "checkbox" + "" + questionNumber + subquestionNumber;
    var labelId = "label" + "" + questionNumber + subquestionNumber;
    var labelname = "name" + "" + questionNumber + subquestionNumber;
    checkbox.type = "checkbox";
    label.id = labelId;
    label.name= labelname;
    option.id = optionId;
    option.className = "optionName";
    checkbox.id = checkBoxId;
    checkBoxId.htmlFor = option;
    label.appendChild(document.createTextNode('Option ' + subquestionNumber));
    option.appendChild(label); //add `label` to `li`
    option.appendChild(checkbox); //add `checkbox` to `li`
    q.appendChild(option);

    var checkboxes = document.querySelector(labelId);
    document.getElementById("testingBox6").innerHTML = checkboxes;

I want to save the input value to the variable checkboxes

Thank you for your time

Hai Nguyen · Accepted Answer · 2022-07-05 07:31:27Z

1

With Jquery, it can be simple. But, you can try this without Jquery

document.getElementById(checkboxId).checked;

answered Jul 5, 2022 at 7:31

Hai Nguyen

1212 silver badges8 bronze badges

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

3 Comments

Yiannis Over a year ago

I get this error when I try Hai's suggestion. checkboxId is not defined

Yiannis Over a year ago

Nevermid, thank you it worked. The checkBox was written like this. Thank you

Hai Nguyen Over a year ago

checkboxId follow your code on above question. I follow that. You can replace a particaly ID document.getElementById('your-checkbox-id').checked;

Rahil Ali · Accepted Answer · 2022-07-05 07:41:43Z

1

you can get true/false with checked

for example

var checkbox = document.createElement('input');
checkbox.setAttribute("type", "checkbox");

checkbox.addEventListener("change", ()=> {
   console.log(checkbox.checked); // it gives true or false when you clicked
})

answered Jul 5, 2022 at 7:41

Rahil Ali

3864 silver badges18 bronze badges

Comments

Ashish Patil · Accepted Answer · 2022-07-05 07:50:33Z

1

Or even you can use

document.querySelector('#checkBoxId').checked;

edited Jul 5, 2022 at 7:50

answered Jul 5, 2022 at 7:42

Ashish Patil

4,6421 gold badge17 silver badges38 bronze badges

Collectives™ on Stack Overflow

How to get the input value of a checkbox (true/false)

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related