javascript - 使用复选框的Google Maps Waypoint

谁能告诉我如何将以下代码转换为可使用复选框运行。

var checkboxArray = document.getElementById("waypoints");
for (var i = 0; i < checkboxArray.length; i++) {
  if (checkboxArray.options[i].checked == true) {
    waypts.push({
        location:checkboxArray[i].value,
        stopover:true});

我在页面上有许多复选框，其中有不同的值，我希望用户单击要添加到路线的点。

帮帮我！！

干杯

贾斯汀

最佳答案

这是来自Google文档的Google地图版本3的示例代码，该代码在已设置的开始和结束位置之间绘制航点。这就是答案。

假设您具有以下复选框

<input type='checkbox' name='waypoints[]' value='someplace1'>
<input type='checkbox' name='waypoints[]' value='someplace2'>
<input type='checkbox' name='waypoints[]' value='someplace3'>
<input type='checkbox' name='waypoints[]' value='someplace4'>
<input type='checkbox' name='waypoints[]' value='someplace5'>

然后以下代码将为您工作。

var checkboxArray = document.getElementsByName("waypoints[]");
for (var i = 0; i < checkboxArray.length; i++) {
  if (checkboxArray[i].checked == true) {
    waypts.push({
        location:checkboxArray[i].value,
        stopover:true});

但是，如果用户以随机顺序单击复选框，则由您决定。