Question

如果在单击提交按钮时选中复选框，我想执行脚本。

我在overview.php中获得了以下代码段：

<table style="width: 100%; font-size: 11;">
    <tr>
        <td colspan="6">
            <form method="post" action="update.php" target="_blank">
                <script language="JavaScript">
                function toggle(source) {
                    checkboxes = document.querySelectorAll("input[name^='box[']");
                    for(var i=0, n=checkboxes.length;i<n;i++) {
                        checkboxes[i].checked = source.checked;
                    }
                }
                </script>

                <input type="submit" name="update" value="Update - LoL / BoL">
                <input type="checkbox" onClick="toggle(this)" name="All" value="All">&nbsp;Select all
            </form>
        </td>
    </tr>
    <tr>
        <th>ve067</th>
        <th>ve378</th>
        <th>ve724</th>
        <th>ve725</th>
        <th>ve726</th>
        <th>ve727</th>
    </tr>
    <tr>
        <td>
            <form method="post" action="update.php">
                <input type="checkbox" name="box[1]" value="ve067_LB1">&nbsp;LeagueBot 1<br>
                <input type="checkbox" name="box[2]" value="ve067_LB2">&nbsp;LeagueBot 2<br>
                <input type="checkbox" name="box[3]" value="ve067_LB3">&nbsp;LeagueBot 3<br>
                <input type="checkbox" name="box[4]" value="ve067_LB4">&nbsp;LeagueBot 4<br>
            </form>
        </td>
    </tr>
</table>

这是我update.php的代码段：

<?php
if(isset($_POST['update'] && $_POST['box[4]']) {
    // code here
}
?>

但它对我不起作用。

Answer 1

解决方案：请考虑以下JSFiddle

说明：这将验证是否已勾选至少复选框“框[4]”。

此处的“密钥”代码是以下行中的return函数。

<input type="submit" name="update" value="Update - LoL / BoL" onclick="return validate();">

更新：旨在提供评论中提供的额外信息。

请记住：此处的验证是在客户端完成的，因此无需先查询服务器（PHP）

Answer 2

您可以按照我在pastebin

的帖子中提到的那样做

希望它可以帮助你。

单击按钮时执行查询如果选中复选框

2 个答案: