Php 如何使用jquery/AJAX从单选按钮传递数据
我有两个选择“1”或“0”的单选按钮Php 如何使用jquery/AJAX从单选按钮传递数据,php,jquery,ajax,Php,Jquery,Ajax,我有两个选择“1”或“0”的单选按钮 <form id="f13form"> <p class="info"><?php echo $row["fortress_13"]; ?></p> <span class="is-size-7 tag is-link"> 13:00 UTC</span> <label clas
<form id="f13form">
<p class="info"><?php echo $row["fortress_13"]; ?></p>
<span class="is-size-7 tag is-link"> 13:00 UTC</span>
<label class="radio"><input type="radio" name="for13" value="1"/> Yes</label>
<label class="radio"><input type="radio" name="for13" value="0"/> No</label>
</form>
我找到了如何选择要处理的正确表单(页面中还有更多),但我对如何从表单中获取“1”或“0”并发送到php文件感到困惑。HTML
<input type='radio' name='myradio' class='myradio' value='Yes'>
<input type='radio' name='myradio' class='myradio' value='No'>
您的ajax请求没有内容类型集,因此您的PHP脚本将不知道如何解释数据。删除
contentType:false,
以便设置内容类型,同时删除processData:false,
防止单选按钮更改事件的默认操作可能也不可取
$('#f13form input').on('change', function(e) {
//e.preventDefault();
$.ajax({
type: "POST",
url: "update_events_week.php",
data: $('#f13form input').serialize(),
cache: false,
//contentType: false,
//processData: false,
success: function(){
alert("Updated");
}
});
});
您好,为什么不简单地编写
var myval=$(“input[name=myradio]:checked”).val()
,而不是检查每个收音机是否已选中..?对于这样一个简单的任务,您不需要jQuery。您可以将XMLHttpRequest
与FormData
(纯Javascript)一起使用。
$(document).on('change','.myradio',function() { // Listen for change on radio CSS class
var myval = $("input[name=myradio]:checked").val();
console.log(myval); // Checking we have the radio data, let's submit via AJAX
$.ajax({
url:"myserverfile.php", // Your PHP file name
method:"POST",
data:{myval:myval}, // The JS variable with the radio button data
dataType:"text",
success:function() {
// Do something else here?
}
});
});
$('#f13form input').on('change', function(e) {
//e.preventDefault();
$.ajax({
type: "POST",
url: "update_events_week.php",
data: $('#f13form input').serialize(),
cache: false,
//contentType: false,
//processData: false,
success: function(){
alert("Updated");
}
});
});