jquery - 使用 Bootstrap 3 单选按钮和 Ajax 请求的问题

Question

使用 Bootstrap 3 和Radio Toggle Button 组如下片段。现在我不确定如何获取选中/选定的收音机并通过 ajax 发送它？我已经尝试过使用这种方式$('#loaditems').click，但这不起作用。

<div class="btn-group btn-group-sm" data-toggle="buttons" id="loaditems">
    <label class="btn btn-default active">
        <input type="radio" name="all" id="allItems"> All Items
    </label>
    <label class="btn btn-default">
        <input type="radio" name="wom" id="women"> Women
    </label>
    <label class="btn btn-default">
        <input type="radio" name="men" id="men"> Men
    </label>      
</div>  

<script>
    $('#loaditems').click(function(){
        $.post(
            'con/itemsList.php',
            { selType : this.id },
            function(data) {
                $('#selectPicker').html(data);
            }
        );
    });  
</script>

你能告诉我如何解决这个问题吗？谢谢

Answer 1

尝试这个：

$('.btn-default').on('click', function(){
    $.post(
        'con/itemsList.php',
        { selType : $(this).find('input').attr('id') },
        function(data) {
            $('#selectPicker').html(data);
        }
    );
}); 

如果这不起作用（但它会 100%），试试这个：

$('#loaditems').on('click', function(){
    $.post(
        'con/itemsList.php',
        { selType : $(this).find('label.active').find('input').attr('id') },
        function(data) {
            $('#selectPicker').html(data);
        }
    );
});