Question

使用Bootstrap 3和Radio Toggle Button groups，如下所示。现在我不知道如何获取已检查/已选择的无线电并通过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);
        }
    );
});

使用Bootstrap 3无线电组按钮和Ajax请求的问题

1 个答案: