Bootstrap 按钮插件中的 jQuery 单击事件

Question

如何使用 Bootstrap Button plugin 确定单击单选按钮时选中了哪个单选按钮？

无论选择哪个单选按钮，以下都评估为 false:

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();
    }
});

Answer 1

应该是 $('#disabled-no').is(':checked') 在 if 语句中检查单选按钮是否被选中。

$('#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>

更新:https://jsfiddle.net/7hrbcmnb/2/

在声明点击事件时使用事件委托(delegate)

$(document).on('click', '#disabled-radio-btn', function (e) {});