SharePoint Framework SPFx - Using PNP js How to get and save value in Yes/No sharepoint column

Question

I am creating custom webpart in SPFx. I have a yes/no column. I have to use PNP js to get the value, when that check box got selected.

That value I should save it in SharePoint column as Yes, if its unchecked it should be saved as No.

Can some one give me the code.

I tried with .prop("checked" "checked) and .attr("checked", true). Both are throwing error its not accepting in PNPjs.

Please assist me.

Thanks

Answer 1

In REST, booleans (YesNo choice) fields should be set as 0/1 i.e 0 for No and 1 for yes.

So, you can use the below sample code. We will first check if the checkbox is checked. If it is checked, will set the value in our code to 1, if unchecked will set it to 0 and after that will add/update our list item. Please use the internal columns names for this making the REST queries :

var checkboxValue = $('#checkboxId').is(":checked") ? 1 : 0;

pnp.sp.web.lists.getByTitle("Custom List").items.add({
    Title: "Title",
    BoolField : checkboxValue
}).then((i: ItemAddResult) => {
    console.log(i);
});