Mi código javascript como este:

$(function(){
    $('input[type="radio"]').click(function(){
        var $radio = $(this);
        var name = $(this).prop("name");

        // if this was previously checked
        if ($radio.data('waschecked') == true)
        {
            $radio.prop('checked', false);
            $radio.data('waschecked', false);
            $('#result-select').text('');
        }
        else{
            $radio.data('waschecked', true);
            $("input[name=\""+name+"\"]:not(:checked)").data('waschecked', false);
            $('#result-select').text(txt);
        }

        var output = [];
        var txt;
        $('input[type="radio"]:checked').each( function() {
                txt = $(this).parent().text();
                output.push(txt);
        });
        $('#result-select').text(output.join(' - '));
    });
});

Demostración y código completo como este:https://jsfiddle.net/oscar11/m7by6zcw/41/

Quiero :

Si selecciono chelsea, madrid y juve, el resultado es el siguiente:

Chelsea - Madrid - Juve

Si selecciono chelsea y madrid, el resultado es el siguiente:

Chelsea - Madrid

Si selecciono chelsea, madrid, juve y milan, el resultado es el siguiente:

Chelsea - Madrid - Juve - Milán

Entonces, si verifico el botón de opción, muestra el texto. Si desactivo el botón de opción, no muestra el texto. Verifico el cuadro combinado, muestra el texto. Si desactivo el cuadro combinado, no muestra el texto

Por ejemplo el texto:

Chelsea - Madrid - Juve - Milán

Desactivo Juve, el resultado es el siguiente:

Chelsea - Madrid - Milán

En el botón de radio, funciona. Pero en la casilla de verificación, todavía estoy confundido.

¿Cómo puedo hacerlo?

Actualizar :

El botón de radio se puede desmarcar

Por ejemplo :

Si selecciono chelsea, madrid y juve, el resultado es el siguiente:

Chelsea - Madrid - Juve

Luego desactivo madrid, el resultado es el siguiente:

Chelsea - Juve