Question

这是我的HTML代码：

<input type="hidden" id="rowcountforuser" value="0"/>
<button id="buttonid" onClick="increaseRowCount()">submit</button>

这是我的jquery代码：

<script type="text/javascript">

  var countrows;
  $(document).ready(function(){
      countrows = parseInt(document.getElementById('rowcountforuser').value);
  });
function increaseRowCount(){
countrows++;
alert(countrows);
}
</script>

我希望每次点击“提交”按钮时，“countrows”变量的值都会增加，但应用程序每次都会在警告框中将“countrows”的值显示为“1”。

请建议我在哪里做错了？

由于

Answer 1

从您的代码

下面删除

 countrows = parseInt(document.getElementById('rowcountforuser').value);

用

替换

countrows = $("#rowcountforuser").val();
            $("#buttonid").click(increaseRowCount);

选中 JSfiddle

Answer 2

你可以试试这个。

var countrows;
$(document).ready(function(){
      countrows = parseInt(document.getElementById('rowcountforuser').value);
    $("#buttonid").click(function(){
        countrows+=1;
       alert(countrows);
    });
});

以下是代码

的Jsfiddle链接

如何在jquery函数中使用全局变量，该函数的值最初在就绪函数上分配

2 个答案: