обработка флажков в openWindow

Question

Я хотел бы отобразить информационное окно, когда я щелкнул правой кнопкой мыши маркер.
В окне infoWindow должно отображаться 4 флажка в соответствии со значениями.

google.maps.event.addListener(marker,"rightclick", function() 
    { 
     html = "<table><tr><td>"; 
     if (value1==...) 
     { 
      html = html + "<input type='checkbox' id='option1' checked>value1<br>"; 
     } 
     else 
     { 
      html = html + "<input type='checkbox' id='option1'>value1<br>";  
     } 
     if (value2==...) 
     { 
      html = html + "<input type='checkbox' id='option2'checked>value2<br>"; 
     } 
     else 
     { 
      html = html + "<input type='checkbox' id='option2' >value2<br>"; 
     } 
     if (value3==...) 
     { 
      html = html + "<input type='checkbox' id='option3' checked>value3<br>"; 
     } 
     else 
     { 
      html = html + "<input type='checkbox' id='option3' >value3<br>"; 
     } 
     if (value4==...) 
     { 
      html = html + "<input type='checkbox' id='option4' checked>value4<br>"; 
     } 
     else 
     { 
      html = html + "<input type='checkbox' id='option4' >value4<br>"; 
     } 
     html = html + "</td></tr></table>"; 
     marker.setContent(html) 
     infoWindow.open(map,marker);  
    }); 

1) Вы видите лучшую реализацию с jquery, потому что этот код не изящный?
2) Если я нажму на флажок #N, как изменить значение соответствующего значенияN?

Answer 1

Что-то вдоль линий этого

var 
values = [], 
html = ''; 

for(i=1;i<n;i++) { 
html += '<input type="checkbox" id="option"'+i+'" '+(values[i] == 'something' ? 'checked' : '')+'> value '+i+'<br/>'; 
}