<template>
<div id="map" class="shadow" style="width: 100%; height: 500px"></div>
</template>
<script>
import "../plugins/yandex-maps.js";
function init() {
var myMap = new ymaps.Map("map", {
center: [55.76, 37.64],
zoom: 7
});
}
export default {
data() {
return {};
},
mounted() {
ymaps.ready(init);
},
};
</script>
<style scoped>
</style>
<div id="id">
<input type="checkbox">checkbox 1
<input type="checkbox">checkbox 2
<input type="checkbox">checkbox 3
</div>
<script>
$('#id input:checkbox').click(function(){
if ($(this).is(':checked')) {
$('#id input:checkbox').not(this).prop('checked', false);
}
});
</script>