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 的值,但只有第一个按钮会被处理,当我单击其他按钮时,它不会刷新查询
这是我的 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>
如果已经存在,能帮我找到相同的主题吗?
对不起我的英语^^
Id 对于元素应该是唯一的。使 ID 唯一,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);
});
我这里有多个单选按钮
<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>
如果已经存在,能帮我找到相同的主题吗? 对不起我的英语^^
Id 对于元素应该是唯一的。使 ID 唯一,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);
});