How to get the value from several checkboxes?

[inanoffice23]

I tried getting the values of 2 check boxes, and I couldn't find the solution

I got as far as to be able to track one check box if object length > 1

I would like to be able to make use of the 'prettier' set option buttons, toggle box and several checkboxes, but they seem to have different ways of obtaining the values compared to a dropdown, is there a guide for that?

This is the only thing I achieved so far 

Checkboxes can have several options selected
Get value from 1 Checkbox only
The typeof is an object, therefore we can check the length of the object for the value. This doesn't work if you have more than one checkbox in the form

$(document).ready(function() {
$('#gpbt_check').change(onDisplaySectionChange);
onDisplaySectionChange();
});

function onDisplaySectionChange() {

var varCheck =document.querySelectorAll('input[type="checkbox"]:checked');

console.log(varCheck);
console.log(typeof varCheck);

if(varCheck.length === 1){
console.log("it's value 1");
}

if(varCheck.length === 0){
console.log("it's 0 value");
}
}

[OliverRodrigues · Accepted solution]

I think the issue here is that you are getting all the elements of the page, and not the specific attribute itself

You should do this at an individual level, for example:

var check01value = $("#CHECKBOX01ID").is(":checked");
var check02value = $("#CHECKBOX02ID").is(":checked");

[inanoffice23]

When I tried looking for the attribute back in the day, I still couldn't track the answer, and now I can't remember how I set the check boxes in the first place

It is puzzling as when I looked at the previous website the column has a data type of yes/no

I set my column as yes/no, but when I look back at the previous website it seems to then have data type 'single line of text', so not sure how is the box rendered as a checkbox?

Doing a quick test with the yes/no it displays as radio buttons and it defaults to No,

I tried adding metadata as 'multiple choice', but no luck

It doesn't track anything with the code below - I might be forgetting something, it displays 0 0 0 0 every time I change the answer

$(document).ready(function () { 
$('#gpbt_checkbox3').change(onDisplaySectionChange);
$('#gpbt_checkbox4').change(onDisplaySectionChange);
onDisplaySectionChange();
});

function onDisplaySectionChange() {

var check01value = $("#gpbt_checkbox3_0").is(":checked");
var check02value = $("#gpbt_checkbox3_1").is(":checked");

var check03value = $("#gpbt_checkbox4_0").is(":checked");
var check04value = $("#gpbt_checkbox4_1").is(":checked");

console.log(check01value & "Value of check box 1");
console.log(check02value & "Value of check box 2");

console.log(check03value & "Value of check box 3");
console.log(check04value & "Value of check box 4");

}

[Fubar]

If it is a Yes/No field on your Dataverse form then the following

$('#fieldlogicalschemaname').is(':checked'));   

or 

$("#fieldlogicalschemaname").find("input[type='radio']:checked").val();

[OliverRodrigues]

Can you share the column properties within Dataverse? if you can share a few snapshots overall that will help us identifying the issue

[inanoffice23]

@Fubar How would I track the answer with console.log? 

@OliverRodrigues see attached a sample of the dataverse column, strange how it was set up as a 'yes/no' data type and it then flicks to 'single line of text'

Strange as I just opened the column again and it displays as Yes/No again

I can't remember how I managed it to display as a checkbox in the past, it is showing as radio buttons

[inanoffice23]

Thank you so much @OliverRodrigues that worked, however it behaves in a weird way

When I first load the form, it shows both values as 'false'

I tick the first one, it updates to 'true' for that one, false for the other one

I tick the second one, it stays as true for the one above, false for this value

It seems like it's not updating in the console, however the Dataverse has the right value, so I guess that is all that matters

Thank you, it has been driving me mad for a few days 🙂 

Also I realised that although it's a data type of yes/no, to display it as check box in the form we have to go to Input and select the 'check box', only then it will show the available check boxes, as long as it's yes/no type

Fully "functioning" code below

$(document).ready(function () { 
$('#gpbt_checkbox3').change(onDisplaySectionChange);
onDisplaySectionChange();
});

function onDisplaySectionChange() {   

var check01value = $("#gpbt_checkbox3").is(":checked");
  console.log(check01value);

var check02value = $("#gpbt_checkbox4").is(":checked");
  console.log(check02value);

}