¿Cómo puedo determinar qué botón de radio está marcado al hacer clic en un botón de radio usando el complemento Bootstrap Button ?
Lo siguiente se evalúa como falso sin importar qué botón de opción se seleccione:
HTML
<div class="btn-group" data-toggle="buttons" id="disabled-radio-btn"> <label class="btn btn-default"> <input type="radio" name="disabled" id="disabled-yes">Yes </label> <label class="btn btn-default"> <input type="radio" name="disabled" id="disabled-no">No </label> </div>JS
$('#disabled-radio-btn').click(function (e) { if ($('#disabled-no:checked').length) { $('#SSDI').hide(); } else { $('#SSDI').show(); } });debe ser $('#disabled-no').is(':checked') en la declaración if para verificar si el botón de opción está marcado.
$('#disabled-radio-btn').click(function (e) { if ($('#disabled-no').is(':checked')) { $('#SSDI').hide(); } else { $('#SSDI').show(); } }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="btn-group" data-toggle="buttons" id="disabled-radio-btn"> <label class="btn btn-default"> <input type="radio" name="disabled" id="disabled-yes">Yes </label> <label class="btn btn-default"> <input type="radio" name="disabled" id="disabled-no">No </label> </div> <div id="SSDI">SSDI THING</div>actualización : https://jsfiddle.net/7hrbcmnb/2/
usar la delegación de eventos al declarar el evento de clic
$(document).on('click', '#disabled-radio-btn', function (e) {});
Utilice el método val() con el atributo checked .
if($("#disabled-no:checked").val()) $('#disabled-radio-btn').click(function (e) { if ($('#disabled-no:checked').val()) { $('#SSDI').hide(); } else { $('#SSDI').show(); } }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="btn-group" data-toggle="buttons" id="disabled-radio-btn"> <label class="btn btn-default"> <input type="radio" name="disabled" id="disabled-yes">Yes </label> <label class="btn btn-default"> <input type="radio" name="disabled" id="disabled-no">No </label> </div> <div id="SSDI">SSDI THING</div>