的方法如下:
document.getElementById()
方法通过元素的ID获取引用,或者使用document.querySelector()
方法通过选择器获取引用。var form = document.getElementById('myForm');
var radioButton = document.querySelector('input[name="myRadioButton"]:checked');
var xhr = new XMLHttpRequest();
xhr.open('POST', 'your-url', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
var formData = new FormData(form);
formData.append('radioButtonValue', radioButton.value);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 处理响应数据
}
};
xhr.send(formData);
完整的代码示例:
var form = document.getElementById('myForm');
var radioButton = document.querySelector('input[name="myRadioButton"]:checked');
var xhr = new XMLHttpRequest();
xhr.open('POST', 'your-url', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
var formData = new FormData(form);
formData.append('radioButtonValue', radioButton.value);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 处理响应数据
}
};
xhr.send(formData);
这种方法使用普通的JavaScript实现了通过AJAX提交表单,并获取了单选按钮的值。注意替换代码中的your-url
为实际的请求URL。
领取专属 10元无门槛券
手把手带您无忧上云