Php 为什么按钮只对第一行起作用？

HTML:

您有重复的id，这将不起作用。把他们换成班级，让他们开始工作。比如说改变

<script>
        $(document).ready(function() {

                $("#addtrainersbutton").click(function(){
                $("#addtrainersblock").toggle();
                $("#editprogramblock").hide();
                });

                $("#editprogrambutton").click(function(){
                $("#editprogramblock").toggle();
                $("#addtrainersblock").hide();
                });


    $("#updatebutton").click(function(){
        var programidphp = $("#programnum").val();
        var programnamephp = $("#prognameedit").val();
        var companynamephp = $("#compnameedit").val();
        var datephp = $("#dateedit").val();

        var updaterequest = {
            upprogid : programidphp,
            upprognam : programnamephp,
            upcompnam : companynamephp,
            uppdate : datephp,
        };
        $.post("/TrainerApp/update_program.php", updaterequest).done(function(data){
            alert(data);
        }).fail(function(){
            alert("Failed");
        });

    });

    $("#sendemail").click(function(){
    $('input[name="trainernames"]:checked').each(function() {
        var f_name=this.value.split(" ")[0];
        var l_name=this.value.split(" ")[1];
        console.log("fname:",f_name);
        console.log("lname:",l_name);

        var trainee_list = [{
            first_name : f_name,
            last_name: l_name
        }];
        console.log(trainee_list);
    });
    });
});
function add_trainers() {
                console.log("in add trainers function");
                $("#addtrainersblock").toggle();
                $("#editprogramblock").hide();
            }
        </script>

到

一旦完成，您将不得不相应地修改HTML。
您有重复的id，这将不起作用。把他们换成班级，让他们开始工作。比如说改变

<script>
        $(document).ready(function() {

                $("#addtrainersbutton").click(function(){
                $("#addtrainersblock").toggle();
                $("#editprogramblock").hide();
                });

                $("#editprogrambutton").click(function(){
                $("#editprogramblock").toggle();
                $("#addtrainersblock").hide();
                });


    $("#updatebutton").click(function(){
        var programidphp = $("#programnum").val();
        var programnamephp = $("#prognameedit").val();
        var companynamephp = $("#compnameedit").val();
        var datephp = $("#dateedit").val();

        var updaterequest = {
            upprogid : programidphp,
            upprognam : programnamephp,
            upcompnam : companynamephp,
            uppdate : datephp,
        };
        $.post("/TrainerApp/update_program.php", updaterequest).done(function(data){
            alert(data);
        }).fail(function(){
            alert("Failed");
        });

    });

    $("#sendemail").click(function(){
    $('input[name="trainernames"]:checked').each(function() {
        var f_name=this.value.split(" ")[0];
        var l_name=this.value.split(" ")[1];
        console.log("fname:",f_name);
        console.log("lname:",l_name);

        var trainee_list = [{
            first_name : f_name,
            last_name: l_name
        }];
        console.log(trainee_list);
    });
    });
});
function add_trainers() {
                console.log("in add trainers function");
                $("#addtrainersblock").toggle();
                $("#editprogramblock").hide();
            }
        </script>

到

一旦完成，您将不得不相应地修改HTML。
您有重复的id，这将不起作用。把他们换成班级，让他们开始工作。比如说改变

<script>
        $(document).ready(function() {

                $("#addtrainersbutton").click(function(){
                $("#addtrainersblock").toggle();
                $("#editprogramblock").hide();
                });

                $("#editprogrambutton").click(function(){
                $("#editprogramblock").toggle();
                $("#addtrainersblock").hide();
                });


    $("#updatebutton").click(function(){
        var programidphp = $("#programnum").val();
        var programnamephp = $("#prognameedit").val();
        var companynamephp = $("#compnameedit").val();
        var datephp = $("#dateedit").val();

        var updaterequest = {
            upprogid : programidphp,
            upprognam : programnamephp,
            upcompnam : companynamephp,
            uppdate : datephp,
        };
        $.post("/TrainerApp/update_program.php", updaterequest).done(function(data){
            alert(data);
        }).fail(function(){
            alert("Failed");
        });

    });

    $("#sendemail").click(function(){
    $('input[name="trainernames"]:checked').each(function() {
        var f_name=this.value.split(" ")[0];
        var l_name=this.value.split(" ")[1];
        console.log("fname:",f_name);
        console.log("lname:",l_name);

        var trainee_list = [{
            first_name : f_name,
            last_name: l_name
        }];
        console.log(trainee_list);
    });
    });
});
function add_trainers() {
                console.log("in add trainers function");
                $("#addtrainersblock").toggle();
                $("#editprogramblock").hide();
            }
        </script>

到

一旦完成，您将不得不相应地修改HTML。
您有重复的id，这将不起作用。把他们换成班级，让他们开始工作。比如说改变

<script>
        $(document).ready(function() {

                $("#addtrainersbutton").click(function(){
                $("#addtrainersblock").toggle();
                $("#editprogramblock").hide();
                });

                $("#editprogrambutton").click(function(){
                $("#editprogramblock").toggle();
                $("#addtrainersblock").hide();
                });


    $("#updatebutton").click(function(){
        var programidphp = $("#programnum").val();
        var programnamephp = $("#prognameedit").val();
        var companynamephp = $("#compnameedit").val();
        var datephp = $("#dateedit").val();

        var updaterequest = {
            upprogid : programidphp,
            upprognam : programnamephp,
            upcompnam : companynamephp,
            uppdate : datephp,
        };
        $.post("/TrainerApp/update_program.php", updaterequest).done(function(data){
            alert(data);
        }).fail(function(){
            alert("Failed");
        });

    });

    $("#sendemail").click(function(){
    $('input[name="trainernames"]:checked').each(function() {
        var f_name=this.value.split(" ")[0];
        var l_name=this.value.split(" ")[1];
        console.log("fname:",f_name);
        console.log("lname:",l_name);

        var trainee_list = [{
            first_name : f_name,
            last_name: l_name
        }];
        console.log(trainee_list);
    });
    });
});
function add_trainers() {
                console.log("in add trainers function");
                $("#addtrainersblock").toggle();
                $("#editprogramblock").hide();
            }
        </script>

到

完成后，您必须相应地修改HTML。
请。它们不再得到维护，而是在使用。相反，请了解并使用。不能在页面中重复ID，它们的定义是唯一的。当从任何数据源向网页输出值时，必须对其进行消毒，否则您的代码库容易受到XSS攻击。最简单的方法是创建一个包装函数，每次使用qhtml（$row[whatever]）调用它，该包装函数与函数qhtml（$value）{return htmlentities（$value）；}类似。它们不再得到维护，而是在使用。相反，请了解并使用。不能在页面中重复ID，它们的定义是唯一的。当从任何数据源向网页输出值时，必须对其进行消毒，否则您的代码库容易受到XSS攻击。最简单的方法是创建一个包装函数，每次使用qhtml（$row[whatever]）调用它，该包装函数与函数qhtml（$value）{return htmlentities（$value）；}类似。它们不再得到维护，而是在使用。相反，请了解并使用。不能在页面中重复ID，它们的定义是唯一的。当从任何数据源向网页输出值时，必须对其进行消毒，否则您的代码库容易受到XSS攻击。最简单的方法是创建一个包装函数，每次使用qhtml（$row[whatever]）调用它，该包装函数与函数qhtml（$value）{return htmlentities（$value）；}类似。它们不再得到维护，而是在使用。相反，请了解并使用。不能在页面中重复ID，它们的定义是唯一的。当从任何数据源向网页输出值时，必须对其进行消毒，否则您的代码库容易受到XSS攻击。最简单的方法是创建一个包装函数，每次都用qhtml（$row[whatever]）调用它，这个包装函数就像函数qhtml（$value）{return htmlentities（$value）；}类名也不起作用。但当我用javascript函数替换jquery代码来点击按钮时，它工作得很好。您能告诉我jquery和javascript之间出现此问题的原因吗。HTML代码：JAVASCRIPT:function add_trainers（）{console.log（“in add trainers function”）；$（“#addtrainersblock”）.toggle（）；$（“#editprogramblock”）.hide（）}我很难猜到@VigneshAnandakumar。您是否也更改了HTML元素上的类名？是的。但它不起作用。当我添加一个javascript onclick函数并调用js函数onclick of button时，整个过程都按预期进行。我对js和jquery的这种行为感到困惑。如果您找到答案，请务必通知我。@VigneshAnandakumar我不可能知道您的情况。您可能需要修改代码以说明与当前单击的按钮相关的项目，否则一次单击将导致发生多个操作。您的项目中是否包含jQuery？你看过控制台上的错误了吗？类名也不起作用。但当我用javascript函数替换jquery代码来点击按钮时，它工作得很好。您能告诉我jquery和javascript之间出现此问题的原因吗。HTML代码：JAVASCRIPT:function add_trainers（）{console.log（“in add trainers function”）；$（“#addtrainersblock”）.toggle（）；$（“#editprogramblock”）.hide（）}我很难猜到@VigneshAnandakumar。您是否也更改了HTML元素上的类名？是的。但它不起作用。当我添加一个javascript onclick函数并调用js函数onclick of button时，整个过程都按预期进行。我对js和jquery的这种行为感到困惑。如果您找到答案，请务必通知我。@VigneshAnandakumar我不可能知道您的情况。您可能需要修改代码以说明与当前单击的按钮相关的项目，否则一次单击将导致发生多个操作。您的项目中是否包含jQuery？你看过控制台上的错误了吗？类名也不起作用。但当我用javascript函数替换jquery代码来点击按钮时，它工作得很好。您能告诉我jquery和javascript之间出现此问题的原因吗。HTML代码：JAVASCRIPT:function add_trainers（）{console.log（“in add trainers function”）；$（“#addtrainersblock”）.toggle（）；$（“#editprogramblock”）.hide（）}我很难猜到@VigneshAnandakumar。您是否也更改了HTML元素上的类名？是的。但它不起作用。当我添加一个javascript onclick函数并调用js函数onclick of button时，整个过程都按预期进行。我对js和jquery的这种行为感到困惑。如果您找到答案，请务必通知我。@VigneshAnandakumar我无法回答