Question

我在html页面上有两个按钮，按钮A和按钮B.

首次加载页面时，两个按钮都有一个“图像”，即image-1。

当我点击按钮A时，图像变为图像-2，但按钮B保持不变（图像-1）。当我点击按钮B时，图像变为图像-2，但按钮A保持不变（图像-1）。

我希望如果您单击“任一按钮”（A或B），则“BOTH”按钮图像将变为“图像-2”。

我目前在“iframe”中都有两个按钮，因此这些按钮是分离的。

你能推荐一个javascript来做这个吗？（或者，有没有办法在单个页面上“同步”iframe按钮？）

Answer 1

这是一个小例子，向您展示如何使用JavaScript同步两个按钮。如果您需要一些解释，请告诉我。。

＆＃13;

function sync1(){
  
  var button1 = document.getElementById('button1');
  var button2 = document.getElementById('button2');
  
  button1.style.background = 'red';
  button1.style.color = 'white';
  
  button2.style.background = 'red';
  button2.style.color = 'white';
  
}

function sync2(){
  
  var button1 = document.getElementById('button1');
  var button2 = document.getElementById('button2');
  
  button1.style.background = 'blue';
  button1.style.color = 'white';
  
  button2.style.background = 'blue';
  button2.style.color = 'white';
  
}

＆＃13;

<button class="1" onclick="sync1()" id="button1">I can change the other button!</button>
<br /><br />
<button class="1" onclick="sync2()" id="button2">Me too!</button>

＆＃13;

使用javascript或iframe同步两个按钮

1 个答案: