(PHP)按钮点击克隆按钮上的计数器

时间:2016-05-05 12:45:46

标签: javascript php jquery

我是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按钮回答不是&#34;点击按钮&#34;所以我不知道该怎么做以及我必须放置代码的地方。

1 个答案:

答案 0 :(得分: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);