0

次のスニペットのように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>

これを修正する方法を教えてください。ありがとう

4

1 に答える 1

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);
        }
    );
});
于 2014-05-23T21:20:57.887 に答える