How to insert record to sharepoint multi choice field via CSOM

Question

I am trying to insert a Multichoice (checkbox) field to sharepoint via the SP namespace in javascript.

Updatnig single choice is simple.

For Multichoice I have tried:

var itemCreateInfo = new SP.ListItemCreationInformation();
newListItem = list.addItem(itemCreateInfo);
var checked = $('input[name=' + field.internalName + 'group]:checked');
var value = new Array();
checked.each(function (i, item) {
   value.push(item.getAttribute('value'));
})
newListItem.set_item(field.internalName, value);

newListItem.update();
context.load(newListItem);
context.executeQueryAsync(onInsertSucceeded, onInsertFailed);

so value with set_item it is trying to upload a array, I have also tried making it a string separating values with a ';' Both options through an error

Answer 1

var item;
function insertItem()
{
   var itemCreateInfo = new SP.ListItemCreationInformation();
   newListItem = list.addItem(itemCreateInfo);
   var checked = $('input[name=' + field.internalName + 'group]:checked');

   // loop through the choices and concat with ','
   newListItem.set_item(field.internalName, 'Choice1, Choice 2');
   newListItem.update();

   context.executeQueryAsync(onInsertSucceeded, onInsertFailed);

}
function onInsertSucceeded() {
        alert("Item updated");
    }
function onInsertFailed() {
        alert('Failure!');
    }

Answer 2

I just did a simple test, and this code works just fine:

var context = SP.ClientContext.get_current();
var item = context.get_web().get_lists()
  .getByTitle('Test')
  .addItem(new SP.ListItemCreationInformation());
item.set_item('MyField', ['Hello', 'World']);
item.update();
context.executeQueryAsync();

And this is quite identical to your code, so that makes me wonder if your variable value contains correct data. Could you set a breakpoint or simply console.log the variable after your loop?

One way to get the text of the checkboxes is to go for the labels, if you have them, like this:

var values = $('input:checked').map(function(){ 
  return $(this).next('label').text(); 
}).toArray();