Question

仍然在学习JS的绳索并试图创建一个能够打开和关闭按钮的功能，这很好用。使用以下内容。（请忽略handlebars.js）

我在想什么是如何创建一个单独的功能来处理6个单独的切换。

提前干杯，

新手。

       
        function toggle(button)
  {
  if(document.getElementById("1").value=="OFF"){
   document.getElementById("1").value="ON";}
 
  else if(document.getElementById("1").value=="ON"){
   document.getElementById("1").value="OFF";}
                                                     }

    <input type="button" id="1" {{#if profile.userSettings.notificationSettings.enabled}} value="ON" {{else}} value="OFF" {{/if}} onclick="toggle(this);  ">

Answer 1

首先，不要使用数字启动ID。

对于您的主要问题，您只需使用函数的参数button并检查其值。

function toggle(button){
  button.value = button.value == 'OFF' ? 'ON' : 'OFF';
}

<input type="button" value="ON" onclick="toggle(this);">
<input type="button" value="OFF" onclick="toggle(this);">
<input type="button" value="ON" onclick="toggle(this);">

PS：

button.value = button.value == 'OFF' ? 'ON' : 'OFF'

三元运算符是否等效于

if(button.value == 'OFF'){
    button.value = 'ON';
}else{
    button.value = 'OFF';
}

多个切换按钮由单个功能控制

1 个答案: