从 Leaflet 弹出窗口中的复选框访问功能答案

【问题标题】：Accessing features from checkboxes that are inside Leaflet popup从 Leaflet 弹出窗口中的复选框访问功能
【发布时间】：2019-04-01 22:19:02
【问题描述】：

我正在使用传单，我正在使用Leaflet PM plugin 绘制一个多边形

当我完成绘图时，我会运行以下事件

mymap.on('pm:create', function(e) {
    var strPopup = '<input type="checkbox" id="cbx1" class="cbx" name="objects" value="eraser">';
    strPopup += '<input type="checkbox" id="cbx2" class="cbx" name="objects" value="pencil">';
    strPopup += '<button id="btnSave" class="btn" onclick="foundObjects()" >Save</button>';
    e.layer.bindPopup(strPopup);
    e.layer.openPopup();
}

因此，当用户单击“保存”按钮时，我正在尝试使用 jQuery 读取复选框的值：

function foundObjects(){
    console.log( $('#cbx1').attr('checked'))
    console.log( $('#cbx2').attr('value'))
}

但是，这两个结果在控制台中都显示为“未定义”。有人有提示，为什么会这样？

【问题讨论】：

标签： javascript leaflet leaflet.draw leaflet-geoman

【解决方案1】：

据我所知，您需要使用.prop("checked") 而不是.attr("checked")

【讨论】：

【解决方案2】：

我有同样的问题，我能够使用纯 javascript 解决它

function check() {
    document.getElementById("myCheck").checked = true;
}

function uncheck() {
    document.getElementById("myCheck").checked = false;
}

【讨论】：