2014-10-17 128 views
0

我有一个表格,我已将其设置为display:none。当点击一个特定的单选按钮时,我希望表格更改为display:block。使用onlick=""的无线标签中没有这样的工作,我实现下面的代码:如何使用javascript更改表格显示属性

window.onload = function() { 
    var adminbutton = document.getElementById('adminstatus'); 
    adminbutton.onclick = handler; 
} 

function handler() { 
    account.getElementById('brokerform').style.display='block'; 
} 

如果我使用alert()handler()它就会用相应的单选按钮,点击触发的,所以我知道是越来越执行的代码块。我不知道为什么handler()中的行不会使表格可见。我也尝试在一个div中包装表格,并使用相同的样式操作,但它也不起作用。

+4

你在哪里设置变量'account'?为什么不'document.getElementById('brokerform')'? – Barmar 2014-10-17 03:30:38

+1

您是否在Javascript控制台中收到任何错误? – Barmar 2014-10-17 03:31:30

回答

-4

尝试......

account.getElementById('brokerform').show(); 

或本:

account.getElementById('brokerform').css("display", "block"); 
+5

你正在混合香草JS和Jquery。 – kay 2014-10-19 11:47:37

0

Demo

var adminbutton = document.getElementById('adminstatus'); 
 
adminbutton.onclick = show; 
 

 
function show() { 
 
    document.getElementById('brokerform').style.display = 'block'; 
 
}
<table id="adminstatus"> 
 
    <tr> 
 
     <td>adminstatus</td> 
 
    </tr> 
 
</table> 
 
<table id="brokerform" style="display:none;"> 
 
    <tr> 
 
     <td>brokerform</td> 
 
    </tr> 
 
</table>

为什么account.getElementById('brokerform').style.display='block';

更改为document.getElementById('brokerform').style.display = 'block';