javascript - Check/uncheck all button to show/hide all markers Google maps api

Question

Who can help me out with the following: from several sources I combined some javascript to make a google map with a dropdown-menu. From this menu I'm able to place/hide markers on the map by categorie. That part works fine, but now I'm trying to get the "check all"/"uncheck all" buttons inside the menu to work... So far the buttons do check/uncheck the checkboxes, but the markers on the map are not responding accordingly.

I tried several options like Remove all markers google map v3 & Google Maps API v3: How to remove all markers? & Hide particular marker google maps api

Untill now i can't get it to work... (my basic javascript knowledge is very limited...) Who can give me a hint?

Here is a working fiddle

 `http://jsfiddle.net/n86zxopp/`

Answer 1

plz check this http://jsfiddle.net/n86zxopp/2/

I have updated your click functions like

function check() {
  $('input[type="checkbox"]').prop("checked", true).change();
}

function uncheck() {
  $('input[type="checkbox"]').prop("checked", false).change();
}