I’ve been developing this phonegap app and I’m stuck with a few things and one of them is multiple checkboxes – I hope you can help.

I’ve got the below code

HTML

<input type="date" id="date" />
<input type="hidden" id="hidden">
<fieldset id="oyuncuKategori">
    <legend>Kategori</legend>
    <div class="roundedOne">
        <input type="checkbox" id="oyuncu" name="kategori" value="oyuncu" class="squareTwo" />
        <label for="oyuncu">Oyuncu</label>
    </div>
    <div class="roundedOne">
        <input type="checkbox" id="yardimci_oyuncu" name="kategori" value="yardimci_oyuncu" class="squareTwo" />
        <label for="yardimci_oyuncu">Yardımcı oyuncu</label>
    </div>
    <div class="roundedOne">
        <input type="checkbox" id="cocuk_oyuncu" name="kategori" value="cocuk_oyuncu" class="squareTwo" />
        <label for="cocuk_oyuncu">Çocuk oyuncu</label>
    </div>
    <div class="roundedOne">
        <input type="checkbox" id="stand_hostesi" name="kategori" value="stand_hostesi" class="squareTwo" />
        <label for="stand_hostesi">Stand hostesi</label>
    </div>
</fieldset>

JavaScript

$("input[type='date']").on("change", function () {
    // var checkbox = $("#oyuncuKategori").serialize();
    var checkboxes = '';
    $('input[name=kategori]:checked').each(function(i, e) {
        checkboxes += '&node[field_kategorisi][und][value]='+$(this).val();
    });
    console.log(checkboxes);
    monthNames = [
        "Oca", "Şub", "Mar",
        "Nis", "May", "Haz", "Tem",
        "Ağu", "Eyl", "Eki",
        "Kas", "Ara"];
    date = new Date($("input").val());
    day = date.getDate();
    monthIndex = date.getMonth();
    year = date.getFullYear();
    finalDate = day + ' ' + monthNames[monthIndex] + ' ' + year;
    $.ajax({
        url: 'http://www.rejicast.com/services/node.json',
        type: 'post',
        dataType: 'json',
        data: 'node[type]=oyuncu&node[title]=testnomikos456&node[language]=und'+ checkboxes +'&node[field_dogum_tarihi][und][0][value][date]=' + finalDate +',
        success: function (data) {
            console.log(JSON.stringify(data));
        },
        error: function (xhr, status, message) {
            console.log(xhr);
            console.log(status);
            console.log(message);
        }
    });
});

The thing is, this code works for creating a node but and inserts values for field_kategorisi overwriting other values, thus always the last checked box is there, while trying with [und]['+i+'][value] gives me 406: An illegal choice has been detected. Please contact the site administrator. and something like Illegal choice Array in field_kategorisi (I don’t remember the English wording) on the server side. I’m really stumped. Can you give me any ideas?

UPDATE: When I make an ajax call, my POST looks like this.

http://www.rejicast.com/services/node.json?node[type]=oyuncu&node[field_kategorisi][und][0][value]=stand_hostesi&node[field_kategorisi][und][1][value]=yesilcam