在打开窗口中处理复选框

handling of checkboxes in an openWindow

本文关键字:处理 复选框 开窗口      更新时间:2023-09-26

我想在右键单击标记时显示一个信息窗口。
信息窗口必须根据值显示 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的值?

类似这个的东西

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