I have a dojo check box that all I am trying to do is find out if it is checked or not. If it is checked I want it to turn a layer on in my map and if it is not then turn the layer off. The map part you do not need to worry about but the checked or not checked is really ticking me off. This should be simple.
function changeMap(layers) {
var ShowLayerName, HideLayerName
if(layers === 'streetMap'){
//alert("Found streetMap - " + layers);
HideLayer([imageryPrime])
ShowLayer([streetMap])
}
if(layers === 'imageryPrime'){
//alert("Found imageryPrime - " + layers);
HideLayer([streetMap])
ShowLayer([imageryPrime])
}
if(layers === 'streetMap2'){
//alert("Found streetMap - " + layers);
var layer3 = "streetMap"
var tmpTA = dojo.byId("chkTA");
if (layer3.visible){
alert("layer3.visible = true")
tmpTA.Checked = false;
HideLayer([streetMap])
}
else{
alert("layer3.visible = false")
tmpTA.Checked = true;
HideLayer([imageryPrime])
ShowLayer([streetMap])
}
if(dijit.byId('chkTA').Checked){
//ShowLayer([TradeAreaTracts]);
alert("Found chkTA True - " + layers);
}
else
{
alert("Found chkTA False- " + layers);
//HideLayer([TradeAreaTracts]);
}
//HideLayer([imageryPrime])
//ShowLayer([streetMap])
}
}
function ShowLayer(layers) {
alert("ShowLayer")
//hideImageTiledLayers(layers);
for (var i=0; i<layers.length; i++) {
layers[i].show();
}
}
function HideLayer(layers) {
//hideImageTiledLayers(layers);
for (var i=0; i<layers.length; i++) {
layers[i].hide();
}
}
<input id="chkTA" dojotype="dijit.form.CheckBox" name="chkTA" value="streetMap2" type="checkbox" onclick="changeMap(this.value);"/>
<label for="chkTA"> Street Layer </label>
Select all
Open in new window