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

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

javascript ajax jquery checkbox

如何使用ajax或javascript将复选框值传递到另一个页面,javascript,ajax,jquery,checkbox,Javascript,Ajax,Jquery,Checkbox,我使用以下类型的复选框。我想在另一个页面中使用选定的项目值。我正在使用javascript和ajax 我想使用ajax将[url]选中的复选框值传递到另一个页面请帮我个忙 <form> <input type="checkbox" name="vehicle" value="Bike">I have a bike <br> <input type="checkbox" name="vehicle" value="Car">

我使用以下类型的复选框。我想在另一个页面中使用选定的项目值。我正在使用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>


我有一辆自行车


我有一辆车


我有一个自行车


我有一辆卡车


我有一所房子


我有一部手机

提前谢谢

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

使用jQueryAjax方法将数据发布到服务器

您还可以使用jquery表单提交完整的表单

我建议您为每个元素添加一个ID。然后只需为每个复选框执行document.getElementbyId，检查复选框是否选中，如果选中，则将其值添加到下面的“数据”数组中。（例如，value1:document.getElementById（“cycle”）.value）。这将通过post发送一个可以在php函数中使用的变量（$\u 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 + ";})()"); 

             }
   });
}

首先，我建议您将复选框的值添加到变量中。这是你的价值所在。如果您想发送更多信息，请使用“this”并访问函数中的属性。如果你想把它发送到另一个页面，我建议你看看POST方法。关于stackoverflow，已经有几个问题了。像这样


函数getvalue（复选框）
{
警告（复选框）；
}
我有一辆自行车
我有一辆车

我有一个周期

我有一辆卡车

我有一所房子

我有一部手机

希望这对您的HTML无效有所帮助。几乎每一行<代码>

和

onClick=“”

<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>