如何将复选框值传递给javascript函数_Javascript_Php

如何将复选框值传递给javascript函数

javascript php

如何将复选框值传递给javascript函数,javascript,php,Javascript,Php,我的代码是： <input type="checkbox" name="area" id="area" value="0">Some Text1</input> <input type="checkbox" name="area" id="area" value="80">Some Text2</input> 但它不起作用。试试这个： valueChange=functionitem{ alertitem.value； } 交货地点市内城外

我的代码是：

<input type="checkbox" name="area" id="area" value="0">Some Text1</input>
<input type="checkbox" name="area" id="area" value="80">Some Text2</input>

但它不起作用。

试试这个：

valueChange=functionitem{ alertitem.value； } 交货地点市内城外

使用JQuery的示例

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script type="text/javascript">
        $( document ).ready(function() {

            $( "#target" ).submit(function( event ) {
                $('input[name="vehicle"]:checked').each(function() {
                    console.log(this.value);
                });

                return false;
            });

        });
    </script>
</head>
<body>
    <form id='target' action="/action_page.php">
        <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
        <input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

问题是id属性应该是唯一的。在本例中，您有两个id=area的元素，这会混淆document.getElementById方法。您可以使用选择器查询来实现所需的功能。不需要像jQuery这样的附加库

下面是一个工作示例：

函数计算{ var selected=document.querySelector'[name=area]：选中' 如果！已选定{ 警报“请选择一个值” 回来 } var quantity=5//您可以从其他地方获取此信息警报“最终值：”+选定值*数量 } document.getElementById'submit'。addEventListener'click'，calculate 交货地点市内城外计算

在控制台中尝试下面的JS代码。您可以根据需要的事件使用它

var checkedValue = null; 
var inputElements = document.getElementsByName('area');
for(var i=0; inputElements[i]; ++i){
      if(inputElements[i].checked){
           checkedValue = inputElements[i].value;
           break;
      }
}

你的PHP代码在哪里？附加适当的htmlcode@Niger：您的HTML的复选框在这两个中具有相同的id。这两个复选框应该不同。插入时需要使用不同的ID而不是相同的1。2个元素具有相同的id。2。根据您向我们展示的内容，您没有具有“数量”id值的元素。3.确保您还有一个id为“cost”的元素

var checkedValue = null; 
var inputElements = document.getElementsByName('area');
for(var i=0; inputElements[i]; ++i){
      if(inputElements[i].checked){
           checkedValue = inputElements[i].value;
           break;
      }
}