2

我这里有多个单选按钮

<input class='required' type='radio' name='Tbl' id='get_this' value='tbl_a'>
<input class='required' type='radio' name='Tbl' id='get_this' value='tbl_b'>
<input class='required' type='radio' name='Tbl' id='get_this' value='tbl_c'>
<input class='required' type='radio' name='Tbl' id='get_this' value='tbl_d'>

我想通过选中按钮发送带有ajax的值，但只有第一个按钮会被处理，当我点击其他按钮时它不会刷新查询

这是我的ajax

<script type="text/javascript"> 
$(document).ready(function(){
    $("#show_data").load('show_data.php');

    $("#get_this").click(function(){
        var cari = $("#get_this:checked").val();
        cariData(cari);
    });

    function cariData(e){
        var cari = e;
        $.ajax({
            type    : "GET",
            url     : "load_fields.php",
            data    : "cari="+cari,
            timeout : 3000,
            beforeSend  : function(){       
                $("#show_data").html("<img src='loading.gif' />");          
            },                

            success : function(data){
                $("#show_data").html(data);
            }
        });
    }
});
</script>

如果它已经存在，可以帮我找到相同的主题吗？对不起我的英语^^

4

1 回答 1

1

ID 应该是元素唯一的。使 ids 唯一，choice_1，choice_2 或类似的东西，或者您可以将 id 更改为 class，并在您的 jquery 中将 id 选择器更改为 class 选择器。将 html 更改为以下内容：

<input class='required' type='radio' name='Tbl' class='get_this' value='tbl_a'>
<input class='required' type='radio' name='Tbl' class='get_this' value='tbl_b'>
<input class='required' type='radio' name='Tbl' class='get_this' value='tbl_c'>
<input class='required' type='radio' name='Tbl' class='get_this' value='tbl_d'>

和 js 到

$("input:radio[name=Tbl]").click(function() {
    var cari = $(this).val();
    cariData(cari);
});

或者

$(".get_this").click(function(){
    var cari = $(".get_this:checked").val();
    cariData(cari);
});
于 2015-06-11T20:30:58.490 回答