Onclick - 多个JavaScript查询

时间:2013-05-07 10:37:31

标签: javascript jquery html javascript-events

我已经阅读并尝试了Stack Overflow的大量建议,但没有一个对我有用,迫使我亲自询问......

目前,我使用此代码来显示和隐藏部分内容,ID tb1是我的内容所包含的div标记。

<input type="button" value="Information" onclick="javascript:sizeTbl('block');" />
<a href="javascript:sizeTbl('none');">(<i>Close</i>)</a>

按钮是“信息”,我添加了一个关闭内容的可点击链接,因为我无法通过按钮注册javascript:sizeTbl('none');">(<i>Close</i>)

有人可以告诉我该怎么做,我试过在第一个onclick命令之后添加javascript:sizeTbl('none');">(<i>Close</i>)就像这样

onclick="javascript:sizeTbl('block');javascript:sizeTbl('none');"但它不起作用,我也尝试过以下链接修复,但无济于事。

How to call multiple JavaScript functions in onclick event?

Two onClick actions one button

如果需要这里是定义tb1等的主JS。我也尝试直接在该脚本中添加一个新函数(因为我认为在外面调用tb1可能会导致问题)

function sizeTbl(h) {
  var tbl = document.getElementById('tbl');
  tbl.style.display = h;
}
function sizeTb2(h) {
  var tb2 = document.getElementById('tb2');
  tb2.style.display = h;
}
function sizeTb3(h) {
  var tb3 = document.getElementById('tb3');
  tb3.style.display = h;
}
function sizeTb4(h) {
  var tb4 = document.getElementById('tb4');
  tb4.style.display = h;
}
$('#toggle-view').on('click', function() 
{
   var button = $(this);

   if ( button.hasClass('view-page')  ) 
   {
       ViewPage();
       button.removeClass('view-page');   
   } 
   else 
   {
        ViewMenu();
        button.addClass('view-page');
   }
});

0 个答案:

没有答案