Question

我正在尝试使用ID＆＃39;按钮移动按钮。当点击不同的单选按钮时，我的下面的代码无法正常工作，当按钮首先处于错误的位置时，以及＃39; notadmin＆＃39;被选中并且当'是的时候＆＃39;是选择按钮消失，没有我的页面的痕迹。这是我的代码：

function showbroker() {
    var button = document.getElementById('button').style;
    if(document.getElementById('notadmin').checked == true) {
      document.getElementById('brokerarea').style.display = 'block';
     button.position = "absolute";
     button.left = "150px";
     button.top = "400px";
      }
    else if(document.getElementById('yesadmin').checked == true) {
     document.getElementById('brokerarea').style.display = 'none';
     button.position = "absolute";
     button.left = "150px";
     button.top = "290px";
    }
}

Answer 1

我想这是因为绝对位置。如果不是，那么如果您可以发布HTML，我将能够帮助您。

Answer 2

您没有提供足够的HTML，因此我必须提供一般答案。我发布了一些移动按钮的代码。这可能有帮助，但如果不只是发布您的代码，我会专门回答您的问题

function i(id){return document.getElementById(id);}
var left = 0;
var top = 0;
i("b").onclick = function(){
  top+=15;
  left+=30;
  i("b").style.left = left + "px";
  i("b").style.top = top + "px";
}

#b{
  position:absolute;
}

<input type="submit" name="submitter" id="b" value="click me!">

在javascript中使用css移动按钮

2 个答案: