从另一个按钮html更改一个按钮类

Change one button class from another button html

本文关键字：按钮 一个 另一个 html      更新时间：2023-09-26

我有两个按钮类，本质上只是'off'和'on'图像。当按钮被按下时，按钮的类切换。修改我用来打开和关闭单个按钮的代码，我想在打开另一个按钮时关闭一个按钮，但是我的getElementByName似乎从来没有工作过。有没有更好的方法?

HTML按钮:

 <input type="button" id="avgbtn" value="2015 Season Avg" class="offgo" onclick="toggleStateavg()" />
<input type="button" id="tradebtn" value="2015 Trade Deadline" class="ongo" onclick="toggleStateavg()"/>
Javascript: 

var a = document.getElementById("avgbtn");
var b = document.getElementById("tradebtn");

function toggleStateavg(){
       if(a.className == "ongo") {
          a.className = "offgo";
          b.className = "ongo";
          avg = "one";
       } else {
          a.className="ongo";
          b.className = "offgo";
          avg = "two";
       }
    }

试试这个:

 <input type="button" id="avgbtn" value="2015 Season Avg" class="offgo" onclick="toggleStateavg()" />
<input type="button" id="tradebtn" value="2015 Trade Deadline" class="ongo" onclick="toggleStateavg()"/>

和javascript:

function toggleStateavg(){
    var a = document.getElementById("avgbtn");
    var b = document.getElementById("tradebtn");
       if(a.className == "ongo") {
          a.className = "offgo";
          b.className = "ongo";
          avg = "one";
       } else {
          a.className="ongo";
          b.className = "offgo";
          avg = "two";
       }
    }

尝试改变，

var a = document.getElementByName("avgbtn");
var b = document.getElementByName("tradebtn");


var a = document.getElementById("avgbtn");
var b = document.getElementById("tradebtn");
并把这些语句放到 
function toggleStateavg(){ ... }

HTML按钮:

<input type="button" id="avgbtn" value="2015 Season Avg" class="offgo" onclick="offgoChangeongo()" />
<input type="button" id="tradebtn" value="2015 Trade Deadline" class="ongo" onclick="ongoChangeoffgo()"/>
Javascript: 

function offgoChangeongo() {
    var onGo = document.getElementById("tradebtn");
    var offGo = document.getElementById("avgbtn");
    onGo.className = offGo.className;
}
function ongoChangeoffgo() {
    var offgo = document.getElementById("avgbtn");
    var ongo = document.getElementById("tradebtn");
    offgo.className = ongo.className;
相关文章：