允许用户通过单击按钮更改JavaScript变量

我有一个JavaScript变量：

var setClickTime = "2000";

我想给用户一个选择2000或4000根据他们的喜好点击一个按钮

---

允许用户更改此变量的最佳方式是什么？我曾考虑过使用两个按钮，其中一个按钮在单击时会激活该类。这需要我设置一个if/else语句，根据哪个按钮处于活动状态来更改变量。但我对这一点还不熟悉，我不知道最好的方法。

您是否只想让按钮事件侦听器更改它：

 <button id="changeBtn">4000</button>

---

是否只希望按钮事件侦听器对其进行更改：

 <button id="changeBtn">4000</button>

---

首先，您有一个JavaScript变量，它与jQuery无关

然后，如果你想要一些简单的，没有依赖性的东西。这里有一个简单的例子：

var myValue=2000；
updateOutput（）；
a、 addEventListener（'单击'，函数（））{
myValue=2000；
updateOutput（）
});
b、 addEventListener（'单击'，函数（））{
myValue=4000；
updateOutput（）
});
函数updateOutput（）{
output.value=myValue；
}

2000
4000

首先，您有一个JavaScript变量，它与jQuery无关

然后，如果你想要一些简单的，没有依赖性的东西。这里有一个简单的例子：

var myValue=2000；
updateOutput（）；
a、 addEventListener（'单击'，函数（））{
myValue=2000；
updateOutput（）
});
b、 addEventListener（'单击'，函数（））{
myValue=4000；
updateOutput（）
});
函数updateOutput（）{
output.value=myValue；
}

2000
4000

只需给出按钮ID并绑定侦听器即可

比如说，您有两个按钮

id=“setTime2000”

和

id=“setTime4000”

，那么您只需要：

HTML代码：

<div>
    <button id="setTime2000">Set time as 2000</button>
    <button id="setTime4000">Set time as 4000</button>
</div>

---

只需给按钮ID和绑定侦听器

比如说，您有两个按钮

id=“setTime2000”

和

id=“setTime4000”

，那么您只需要：

HTML代码：

<div>
    <button id="setTime2000">Set time as 2000</button>
    <button id="setTime4000">Set time as 4000</button>
</div>

---

纯javascript中的通用答案

<button class='setTime'>
  2000
</button>

<button class='setTime'>
  4000
</button>  

2000
4000

纯Javascript：

var setClickTime = "";

var buttons = document.getElementsByClassName('setTime')
for (i = 0; i < buttons.length; i++) {
  this.onclick = function setTime(event) {
    setClickTime = event.target.innerHTML;
    alert(setClickTime);
  }
}

var setClickTime=“”；
var buttons=document.getElementsByClassName（'setTime'）
对于（i=0；i

---

fiddle:

纯javascript中的通用答案

<button class='setTime'>
  2000
</button>

<button class='setTime'>
  4000
</button>  

2000
4000

纯Javascript：

var setClickTime = "";

var buttons = document.getElementsByClassName('setTime')
for (i = 0; i < buttons.length; i++) {
  this.onclick = function setTime(event) {
    setClickTime = event.target.innerHTML;
    alert(setClickTime);
  }
}

var setClickTime=“”；
var buttons=document.getElementsByClassName（'setTime'）
对于（i=0；i

---

fiddle:

您可以定义多个

单选按钮
以获得更多选项（使用相同的名称属性对它们进行分组），然后只需
委派
或
绑定
该组
收音机
按钮
上的
更改
事件即可获得所选值

<input type="radio" name="test" value="2000">2000
<input type="radio" name="test" value="4000">4000
<script>
var setClickTime;
$('input:radio[name=test]').on('change',function()
{
  setClickTime = this.value;
});
</script>

2000
4000
var设置点击时间；
$（'input:radio[name=test]'）。在（'change'，function（）上
{
设置ClickTime=this.value；
});

示例：
您可以定义多个
单选按钮
以获得更多选项（使用相同的名称属性对它们进行分组），然后只需
委派
或
绑定
该组
收音机上的
更改
事件
即可获得所选值

<input type="radio" name="test" value="2000">2000
<input type="radio" name="test" value="4000">4000
<script>
var setClickTime;
$('input:radio[name=test]').on('change',function()
{
  setClickTime = this.value;
});
</script>

2000
4000
var设置点击时间；
$（'input:radio[name=test]'）。在（'change'，function（）上
{
设置ClickTime=this.value；
});

示例：
首先让它工作，然后如果它工作，或者不工作，您将有更多信息来决定您的选择是否正确。下拉列表，两个按钮，单选按钮，标签单击，如果用户要在单击过程中选择一个值并截取所选选项，则应使用单选按钮。更正：您有一个javascript变量-jquery只是一个javascript库（jquery中的j代表javascript），请首先使其工作，然后确定它是否工作，您将有更多信息来决定您的选择是否正确。dropdownlist、两个按钮、单选按钮、标签单击、如果用户要在单击过程中选择一个值并截取所选选项，您应该使用哪些单选按钮。更正：您有一个javascript变量-jquery只是一个javascript库（jquery中的j代表javascript）你应该听改变事件，而不是点击是的。那会更有意义。你应该听改变事件，而不是点击是的。那会更有意义。我真的很喜欢这个答案。非常简单和可靠。我没有想过这样做。我真的很喜欢这个答案。非常简单和可靠。我不认为这样做。您不需要2个事件。$（'button'）。单击（function（）{myValue=$（this）.text（）；}）；将是一种更直接、更好的方法。为什么您要依赖jQuery完成如此简单的任务？顺便说一句，jQuery在内部也创建了两个事件侦听器。您不需要2个事件。$（'button'）。单击（function（）{myValue=$（this）.text（）；}）；将是一种更直接、更好的方法。为什么要依赖jQuery完成如此简单的任务？顺便说一句，jQuery在内部还创建了两个事件侦听器。Ares Ou这是一个非常好的答案。感谢您提供的示例。Ares Ou这是一个非常好的答案。感谢您提供的示例。