,可以通过以下步骤实现:
<form id="myForm">
<input type="checkbox" id="checkbox1" value="value1"> Option 1
<input type="checkbox" id="checkbox2" value="value2"> Option 2
<input type="checkbox" id="checkbox3" value="value3"> Option 3
<!-- 其他复选框 -->
<button type="button" onclick="sendData()">Submit</button>
</form>
function sendData() {
var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked'); // 获取选中的复选框
var values = Array.from(checkboxes).map(function(checkbox) {
return checkbox.value; // 获取复选框的值
});
// 使用ajax发送数据
var xhr = new XMLHttpRequest();
xhr.open('POST', 'your_ajax_endpoint', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功的处理逻辑
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(values));
}
在上述代码中,我们首先使用document.querySelectorAll
方法获取选中的复选框,然后使用Array.from
方法将其转换为数组。接下来,我们使用map
方法遍历数组,获取每个复选框的值,并将这些值存储在values
数组中。
然后,我们使用ajax发送POST请求,将values
数组作为请求的数据发送到指定的服务器端端点(your_ajax_endpoint
)。在服务器端,您可以使用相应的后端技术来处理接收到的数据。
请注意,上述代码中的ajax请求是基本示例,您可能需要根据您的实际情况进行适当的修改和调整。
这是一个完整且全面的答案,涵盖了从表中获取选定的复选框值,并将这些值传递给ajax的步骤和相关知识。
领取专属 10元无门槛券
手把手带您无忧上云