使用javascript的事件调用 - Event call using javascript

Event call using javascript

本文关键字：调用事件 javascript 使用 | 更新日期: 2023-09-27

我想调用Javascript函数，调用<a>来隐藏和显示使用divid作为id的块，就像下面给出的代码一样。我可以隐藏打开的区块，但不能打开它。

 echo "<span class='bold' style='background:#0DCAD1'><a name='form_a_$group_seq' href='#div_$group_seq' style='float:left;color:white' id='form_a_$group_seq' value='1' " .
"onclick='return divclick(this,'"div_$group_seq'");'";
 if ($display_style == 'block') echo "clicked";
 // Modified 6-09 by BM - Translate if applicable  
 echo "<b>" . xl_layout_label($group_name) . "</b></a></span>'n";
 echo "<div id='div_$group_seq' class='section' style='display:$display_style;'>'n";
 echo " <table border='0' cellpadding='0'>'n";
 $display_style = 'none';
}
else if (strlen($last_group) == 0) {
echo " <table border='0' cellpadding='0'>'n";
}

这是我正在使用的javascript代码。

function divclick(a, divid) {
var divstyle = document.getElementById(divid).style;
if(a.clicked) {
divstyle.display = 'block';
} else {
divstyle.display = 'none';
}
return true;
}

您需要检查样式当前设置为什么，并采取相应的行动。如果你能提供一个jsfiddle，我可能会为你演示它。假设你已经可以隐藏按钮，下面这样的东西应该会起作用：

  if ( divstyle.display == 'none' ) {
    divstyle.display = 'block';
  } else {
    divstyle.display = 'none';
  }

您可以在jQuery中执行以下操作：

$(a).click(function(){
    $(divid).toggle();
});