提问人：Denis 提问时间：6/12/2015 更新时间：6/12/2015 访问量：317
AJAX 发送的无线电刷新值中的多个 ID
multiple id in radio refresh value sending by ajax
问：
我这里有多个收音机
<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 发送值，但只会处理第一个按钮，当我单击其他按钮时，它不会刷新查询
这是我的阿贾克斯
<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>
如果它已经存在，可以帮我找到相同的主题吗？ 对不起我的英语^^
答：
1赞
depperm
6/12/2015
#1
Id 对于元素应该是唯一的。使 id 唯一、choice_1、choice_2或类似的东西，或者您可以将 id 更改为 class，并在 jquery 中将 id 选择器更改为类选择器。将 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);
});
评论
0赞
Denis
6/12/2015
谢谢depperm，如果单选按钮的id应该是唯一的，我也很难在jQuery中动态^_^地制作id选择器，
上一个：导出带有换行符的数据表
评论