¿Cómo puedo unificar el texto que se toma del botón de opción de grupo múltiple y la casilla de verificación de grupo múltiple?
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