Question

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

提前感谢！

Answer 1

我建议你为每个元素添加一个ID。然后只需为每个文件执行document.getElementbyId，检查是否选中了复选框，如果是，则将它们的值添加到下面的“data”数组中。（例如，value1：document.getElementById（“cycle”）。value）。这将通过post发送你可以在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 + ";})()"); 

             }
   });
}

Answer 2

如果你的元素非常少......也就是你在问题中提到的那样你可以编写自己的代码来获取值并使用javascript或jquery将其传递给服务器端。

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

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

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

希望这有点帮助

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

3 个答案: