MapQuest地图点击事件中获取htmlDOM元素值

Question

我正在使用 MapQuest.Js 来显示地图。当用户点击地图时，我想获得纬度和经度以及无线电的值，即 DOM 元素。

<link type=\"text/css\" rel=\"stylesheet\" href=\"https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.css\"/>

<input name="ismarked" type="radio" value="Yes" checked="checked"> Yes
<input name="ismarked" type="radio" value="No"> No
<div id="mapcontainer" name="mapcontainer" class="w-100" style="height:700px">
  <div id="map" name="map" class="w-100 h-100"></div>    
</div>

JavaScript

$(function () {
    var _map;

    $.getScript("https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.js", function () {
        renderMap();
    });

    function renderMap() {

        var mapdiv = $("#map")[0];

        L.mapquest.key = 'KEY';

        var myRenderer = L.canvas({ padding: 0.5 });

        _map = L.mapquest.map(mapdiv, {
            center: [35, -84],
            layers: L.mapquest.tileLayer('hybrid'),
            zoom: 4,
            renderer: myRenderer
        }).on('click', function (e) {
            $("#radiovalue").val($("input[name='ismarked']").val());
            $("#latlong").val(e.latlng.lat+","+e.latlng.lng);
        });
    }
});

问题
在地图的点击事件中，我得到了正确的纬度和经度值，但是无线电值总是 returns "Yes" 即使我选择了 "No".

Answer 1

问题是$("input[name='ismarked']").val()总是return第一个radio

的值

您想要选中的那个，所以向其中添加 :checked 选择器

$("#radiovalue").val($("input[name='ismarked']:checked").val());

MapQuest地图点击事件中获取htmlDOM元素值

Getting html DOM element value in MapQuest Map click event

jquery

mapquest