处理openWindow中的复选框

时间:2013-09-23 17:22:04

标签: javascript jquery html google-maps-api-3

当我右键单击标记时,我想显示一个infoWindow 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的值<?p>

1 个答案:

答案 0 :(得分:0)

与此相关的内容

var 
 values = [],
 html = '';

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