如何使用 ajax 或 javascript 将复选框值传递到另一个页面答案

【问题标题】：How to pass checkbox values to another page using ajax or javascript如何使用 ajax 或 javascript 将复选框值传递到另一个页面
【发布时间】：2013-03-29 21:32:10
【问题描述】：

我正在使用以下类型的复选框。我想在另一个页面中使用选定的项目值。我正在使用 javascript 和 ajax。

我想使用 ajax 将 [url] 选中的复选框值传递到另一个页面 ..

请帮帮我！！！

<form>
    <input type="checkbox" name="vehicle" value="Bike">I have a bike
    <br>
    <input type="checkbox" name="vehicle" value="Car">I have a car
    <br>
    <input type="checkbox" name="vehicle" value="cycle">I have a cycle
    <br>
    <input type="checkbox" name="vehicle" value="lorry">I have a lorry
    <br>
    <input type="checkbox" name="vehicle" value="house">I have a house
    <br>
    <input type="checkbox" name="vehicle" value="mobile">I have a mobile
    <br>
    <input type="button" value="what do u have" onClick=function();/>
</form>

提前致谢！

【问题讨论】：

您的 HTML 无效。几乎在每一行。 <input /><br />和onClick=""

标签： javascript ajax jquery checkbox

【解决方案1】：

我建议您为每个元素添加一个 ID。然后只需为它们中的每一个做一个 document.getElementbyId，检查复选框是否被选中，如果是，将它们的值添加到下面的“数据”数组中。（例如，value1：document.getElementById("cycle").value）。这将通过邮寄发送一个您可以在 php 函数中使用的变量 ($_POST['value1'])

请注意，您需要 jquery 才能使用以下语法。此外，如果您需要对 php 函数返回的值进行处理，您可以使用下面发布的 succes 函数。

function send()
 {

   $.ajax({ url: 'yourfile.php',
             data: {value1: value1, value2: value2...}, //Modify this
             type: 'post',
             success:   function(output) {

                         alert("It worked!"); 
                 var result= eval("(function(){return " + output + ";})()"); 

             }
   });
}

【讨论】：

【解决方案2】：

如果您的元素非常少.. 即您在问题中提到的内容，那么您可以编写自己的代码来获取值并使用 javascript 或 jquery 将其传递到服务器端。

使用 jquery ajax 方法将数据发布到服务器。

您也可以使用 jquery 表单来提交完整的表单。 http://www.malsup.com/jquery/form/

【讨论】：

【解决方案3】：

对于初学者，我会说您将复选框的值添加到变量中。这个 js 得到了你的价值。如果您想用它发送更多信息，请使用“this”并访问函数中的属性。如果您想将其发送到其他页面，我建议您查看 POST 方法。在stackoverflow上已经有几个关于这个的问题。像这样Posting (AJAX) data to another page

<html>
<script>
function getvalue(checkbox)
{
    alert(checkbox);
}

</script>

<form> 
<input type="checkbox" onclick="getvalue(this.value)" name="vehicle" value="Bike">I have a bike<br> 
<input type="checkbox" name="vehicle" value="Car">I have a car <br> 
<input type="checkbox" name="vehicle" value="cycle">I have a cycle<br> 
<input type="checkbox" name="vehicle" value="lorry">I have a lorry <br> 
<input type="checkbox" name="vehicle" value="house">I have a house<br> 
<input type="checkbox" name="vehicle" value="mobile">I have a mobile 
<br> <input type="button" value="what do u have" onClick=function();/> 
</form>
</html>

希望对你有所帮助

【讨论】：