意外的令牌} onclick事件

Question

I browsed though many "unexpected token", "illegal" etc. topics, one helped me by checking for invisible characters and copying the script to jslint throwed me some missed brackets error, but there are still one problem with this line:

JS:

document.getElementById('pois').innerHTML =('<p><label><input type="checkbox" id="01" onclick="toggleGroup("01")" CHECKED/></label>01</p>');

The pois div is located in the html file.

Alternatively, how would I write the above line with jQuery, as the inline JS is not considered correct? The below function doesn't work as I'd like:

$("#01").click(function() {
    toggleGroup();
});

The corresponding function:

var markerGroups = { "01": [], "02": [] , "03": [] , "04": [] };
function toggleGroup(id_category) {
    for (var i = 0; i < markerGroups[id_category].length; i++) {
    var marker = markerGroups[id_category][i];
    if (marker.getMap()) {
        marker.setMap(null);
    } else {
        marker.setMap(map);
       }
    } 
}

Answer 1

Perhaps you need to change onclick to onchange ? This will capture the tick box change event. I'm not too sure what the toggleGroup function is doing but this might help.

Answer 2

The error raised because you have missed one bracket } on end of your function

function toggleGroup(id_category) {
    for (var i = 0; i < markerGroups[id_category].length; i++) {
    var marker = markerGroups[id_category][i];
    if (marker.getMap()) {
        marker.setMap(null);
    } else {
        marker.setMap(map);
   }
    }
} //<== missing one

http://jsfiddle.net/QF9sN/5/