检查是否使用javascript检查PHP中的复选框

时间:2015-09-13 12:34:56

标签: javascript php html

echo '<div  class="col-lg-10 col-lg-offset-1 panel">' . "<table id='data' class='table'>
       <tr>
       <th></th>
       <th>Document No</th>
       <th>AWB NO</th>
       <th>Order Id</th>
       <th>Forms</th>
       <th>Extras</th>
       </tr>";
foreach ($cancel as $key => $value)
{
    echo "<tr>";
    echo "<td>" . "<input type='checkbox' name='name1' id='checkit$checkitCounter' />" . "</td>";
    echo "<td>" . $value[$d] . "</td>";
    echo "<td>" . $value[$a] . "</td>";
    echo "<td>" . $value[$o] . "</td>";
    echo "<td>" . $value[$f] . "</td>";
    echo "<td>" . $value[$e] . "</td>";
    echo "</tr>";
}
echo "</table></div>";

上表是使用php echo生成的,每次迭代都会生成复选框。

<div style="padding-left:600px;">
    <a href='#' class='btn btn-primary btn-md' id='button' style="margin-right:1000px;" onclick='checkit()'
       role='button'>Continue..</a>
</div>

上面的按钮应该运行下面给出的javascript函数:

function checkit {
    var x = document.getElementById("checkit").checked;
    if (x == false) {
        alert('All items are not removed,pls remove and continue');
    }
    else {
        window.location = "tst.php";
    }
}

上面的JavaScript似乎没有正常运行,即使我没有检查它只是停留在同一页面上的框。

1 个答案:

答案 0 :(得分:0)

我已经为您的代码制作了一个简单的版本,其余部分留给了您的开发逻辑。

您的代码中存在很多小问题,例如需要JavaScript的函数(),单引号和双引号的使用,缺少调用JavaScript函数等。

我已经为测试创建了一个虚拟数组,但你又可以做你喜欢的事情来实现你的代码。

以下是工作解决方案:

<?php
$cancel = ["checkBox1", "checkBox2", "checkBox3"];

echo "<div><table id='data' class='table'>
        <tr>
            <th></th>
            <th>Document No</th>
        </tr>";

foreach ($cancel as $value)
{
    echo "<tr>";
    echo "<td><input type='checkbox' name='name1' id='$value' onchange='checkIt(\"$value\");' /></td>";
    echo "<td>" . $value . "</td>";
    echo "</tr>";
}
echo "</table></div>";
?>
<script>
    function checkIt(checkBoxId) {
        var x = document.getElementById(checkBoxId).checked;
        console.log("x" + checkBoxId + " is " + x);
    }
</script>

您可以在控制台中看到复选框的结果。