我正在尝试显示文本区域中两个按钮的按钮点击总数。我主要是在与包含全局计数的函数作斗争。顺便说一下，我是初学者...我目前正在使用此代码：<form name=simpleForm><input type="button" name="button1" value="A" onclick="displayText1()"><br><input type="button" name="button2" value="B" onclick="displayText2()"><input type="button" name="button3" value="Total" onclick="displayText3()"><textarea name="response" rows 2 cols=27> </textarea><input type="reset"value="Reset Form"></form> <head><title>interactive web page</title><script type="text/javascript"> function displayText1(){ document.simpleForm.response.value="You clicked button A!"; } function displayText2(){ document.simpleForm.response.value="You clicked button B!"; }</script></head>这是我无法开始工作的主要功能function xxx () { var count1 = 0; count1 = count1+1; globalCount = globalCount+1; alert("global Count: "+globalCount):}
2 回答
四季花海
TA贡献1811条经验 获得超5个赞
如果我正确理解您的问题，您想显示“单独”按钮 A 和按钮 B 的点击次数？
您可以使用 Javascript + jQuery ：（前提是您已导入 jQuery）
<script type="text/javascript">
var buttonAClickCount = 0;
var buttonBClickCount = 0;
$(document).ready(function() {
$("#buttonA").click(function(){
buttonAClickCount++;
$("#textAreaDisplayButtonA").val(buttonAClickCount);
});
$("#buttonB").click(function() {
buttonBClickCount++;
$("#textAreaDisplayButtonB").val(buttonBClickCount);
});
});
</script>
...
<button type="button" class="btn" id="buttonA">Button A</button>
<button type="button" class="btn" id="buttonB">Button B</button>
<textarea id="textAreaDisplayButtonA" rows="2" colspan="30"></textarea>
<textarea id="textAreaDisplayButtonB" rows="2" colspan="30"></textarea>
拉风的咖菲猫
TA贡献1995条经验 获得超2个赞
试试下面的代码。您必须在要显示的按钮上设置 onclick 事件，并且如果要始终为其添加值，则 globalCount 变量必须位于脚本中的所有函数之外。
希望能帮助到你！:)
<form name=simpleForm>
<input type="button" name="button1" value="A" onclick="displayText1()">
<br>
<input type="button" name="button2" value="B" onclick="displayText2()">
<input type="button" name="button3" value="Total"
onclick="xxx()">
<textarea name="response" rows 2 cols=27> </textarea>
<input type="reset"value="Reset Form">
</form>
<script type="text/javascript">
var globalCount = 0;
function xxx () {
var count1 = 0;
count1 = count1+1;
globalCount = globalCount+1;
alert("global Count: " + globalCount)}
function displayText1(){
document.simpleForm.response.value="You clicked button A!";
}
function displayText2(){
document.simpleForm.response.value="You clicked button B!";
}
</script>
添加回答
举报
0/150
提交
取消