Question

我正在使用javascript构建网站。我有一张传单地图和一些标记。我在div上有一个列表和复选框。我想用复选框过滤标记。但我的onclick功能无法达到标记的数据。像这样：

function onclick() {
    //delete marker
    //i can not reach marker's data from here
}

function initializeMap() {
    //something
    function markers() {
        //my markers defined here
        function onclickIwant() {
            //something
        }
    }
}

我想使用onclickIwant功能复选框onclick或从onclick功能到达标记的数据。我该怎么办？

我的HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <link rel="stylesheet" href="leaflet.css"/>
  </head>
    <body>
        <div id="harita"></div>
        <script src="leaflet.js"></script>
        <script src="index.js"></script>
        <div id="liste">
            <input type="checkbox" id="id1" checked="true" onclick="somefunction();"><label>id1</label>
            <input type="checkbox" id="id2" checked="true" onclick="somefunction();"><label>id2</label>
            <input type="checkbox" id="id3" checked="true" onclick="somefunction();"><label>id3</label>
            <ol id="Listesi"></ol>
        </div>
    </body>
</html>

Answer 1

我认为你可以这样：

function onclick() {
    //delete marker
    //i can not reach marker's data from here
    window.onclickIwant();
}

function initializeMap() {
    //something
    function markers() {
        //my markers defined here
        window.onclickIwant = function() {
            //something
        }
    }
}

将 onclickIwant 功能注册到窗口对象，您可以在任何地方使用它。

祝你好运！

javascript - 复选框onclick函数在另一个函数中

1 个答案: