javascript - (PHP) 克隆按钮上的按钮单击计数器

Question

我是 PHP 新手。现在我有一个问题，如何计算单击克隆字段按钮的次数。

这是我到目前为止的代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<?php
include('DBconnect.php');

mysql_query("USE onlinerecruitment");

$counter = 0;

$result = mysql_query("SELECT * FROM position WHERE Position_Recruit_Status = '1'");
?>

<form method="POST" action="confirm-weight-score-setup.php">
    <div id="main_wrap">

        Weight Score Set up 

        <br><br><font color="red">*Total Skill weight Must be equal to 10</font>

        <br><br>Position : &nbsp

        <SELECT name='position'>

            <?php
            while ($rows = mysql_fetch_array($result)) {

                echo "<option value='" . $row["Position_ID"] . "'>" . $row["Position_Name"] . "</option>";
            }
            ?>

        </SELECT>

        <button onClick="history.back()";> Back </button> &nbsp
        <input type="submit" name="confirm" value="Submit">

        <!-- + button -->   
        <div id="clone" >

            <br><br>Skill name <input type="text" name="skill_name[]"/>  &nbsp
            Skill weight (Not more than 10) <input type="number" name="skill_weight[]" min="0.0" max="10.0" step="0.1" value="0.0">

        </div>

        <!-- + button  -->
        <div style="float:right;">
            <input type ="button" value="+" name = "more" id="more" style="float:right;"> 

        </div>

</form>

</div>

<script>

    $(document).ready(function () {
        $("#more").click(function () {
            $("#clone").clone().appendTo("#main_wrap");
        });
    });

</script>

这是按钮部分，我希望计数器计算用户单击此按钮的次数

<!-- + button  -->
        <div style="float:right;">
            <input type ="button" value="+" name = "more" id="more" style="float:right;"> 

        </div>

我不知道我必须做什么，我尝试搜索这个问题，但只发现了 POST 按钮答案而不是“点击按钮”，所以我不知道如何做以及在哪里做我必须放置代码。

Answer 1

计算点击次数

$(document).ready(function () {
        var clicks = 0;
        $("#more").click(function (e) {
            if(clicks >= 10) {
              e.preventDefault();
              return false;
            }
            $("#clone").clone().appendTo("#main_wrap");
            clicks += 1;
        });
    });

将点击存储在隐藏输入中

<input type="hidden" name="clicks" id="clicks">

修改jquery...

...
clicks += 1;
$('#clicks').val(clicks);