Por favor vea esto:http://gisdev.clemson.edu/fireflies

Hacia la parte superior derecha hay tres casillas de verificación y estoy tratando de que funcionen como botones de radio. Parte de la programación está funcionando, pero aquí hay algo problemático:

Inicialmente, la casilla de verificación 'Condados' está marcada. Y si tuviera que hacer clic en la casilla de verificación 'Clasificación de suelo hídrico' y luego volver a hacer clic en la casilla de verificación de los condados, la casilla de verificación de Hydric sigue activada. La consola no muestra nada, lo que significa el valor decheckboxes_controls La variable se pierde cuando ocurre el problema.

Aquí hay un código relevante:

var checkboxescontainer = document.querySelectorAll('.leaflet-control-layers-overlays');
var checkboxes_controls = checkboxescontainer[0].children;

$(checkboxes_controls).each(function() 
{
    console.log($.trim($(this).text()));
    if (eventtype === 'add') 
    {
        if (layername === $.trim($(this).text()))  
        {
            // don't do anything but uncheck all others--making them work like radio buttons
        }
        else 
        {
            $(this).find('input:checkbox').attr('checked', false);
        }
    }   
}); 

¿Alguna idea?

Editar Veo el problema: al hacer clic en la capa Condados por segunda vez para seleccionar, eso ni siquiera activa el evento 'Agregar' de la capa porque simplemente estoy enviando las capas hacia atrás y hacia adelante. Hmmmm