Javascript 选中时地图上的复选框事件不起作用 我用java脚本在地图上创建了文本标签和一个复选框
//已初始化映射 //用于创建文本和标签的代码Javascript 选中时地图上的复选框事件不起作用 我用java脚本在地图上创建了文本标签和一个复选框,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,//已初始化映射 //用于创建文本和标签的代码 var optionControlDiv = document.createElement('div'); optionControlDiv.id='options'; var optionControl = new OptionControl(optionControlDiv, map); optionControlDiv.index = 1; map.controls[google.maps.ControlPosition.T
var optionControlDiv = document.createElement('div');
optionControlDiv.id='options';
var optionControl = new OptionControl(optionControlDiv, map);
optionControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(optionControlDiv);
var optionControlDivText = document.createElement('div');
optionControlDivText.id='optionss';
var optionControlText = new OptionControlText(optionControlDivText, map);
optionControlDivText.index = 2;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(optionControlDivText);
//标签和复选框的调用函数
function OptionControl(controlDiv, map) {
controlDiv.style.padding = '5px';
controlDiv.style.right = '90px';
var controlUI = document.createElement('input');
controlUI.type="checkbox";
controlUI.id="arrowcheck";
google.maps.event.addDomListener(controlUI,'click',function(){
checkboxclicked();
// alert($('#arrowcheck').is(':checked'));
});
controlDiv.appendChild(controlUI);
}
function OptionControlText(controlDiv, map) {
controlDiv.style.padding = '8px';
controlDiv.style.right = '111px';
var controlUI = document.createElement('label');
controlUI.type="label";
controlUI.innerHTML="Lable";
controlDiv.appendChild(controlUI);
}
单击复选框时,我正在调用checkboxclicked
function checkboxclicked()
{
alert($('#arrowcheck').is(':checked')); // its shows flase when i checked
}
当我检查它的显示为假时&当我取消检查它的显示为真时
如果编写了错误的代码,请提供帮助。
试试这个
$(".checkbox").change(function() {
if(this.checked) {
//Do stuff
}
});
是否要获取复选框检查事件?是。当我单击复选框时,警报将变为true,如果取消检查,警报将变为false。。但我会得到上面代码的相反顺序。检查我在check event of checkbox中使用的alert的演示