Php onclick更改css

Php onclick更改css,php,javascript,html,css,class,Php,Javascript,Html,Css,Class,我正在用PHP制作一个简单的日历应用程序,我想根据用户的操作更改块样式。但我希望当“menuclick”类打开时,其他类停止工作,直到我单击另一个块。上一个块也应关闭。提前谢谢 echo'<td onclick=className="menuclick"; onmouseover=className="menuon"; onmouseout=className="menuoff";>' . $countDay++ . "</td>" echo“”$countDay++。

我正在用PHP制作一个简单的日历应用程序,我想根据用户的操作更改
块样式。但我希望当“menuclick”类打开时,其他类停止工作,直到我单击另一个块。上一个块也应关闭。提前谢谢

echo'<td onclick=className="menuclick"; onmouseover=className="menuon"; onmouseout=className="menuoff";>' . $countDay++ . "</td>"
echo“”$countDay++。""

我认为您可以通过以下方式实现您想要的:

echo '<td onclick="this.className=\'menuclick\';" onmouseover="this.className=\'menuon\';" onmouseout="this.className=\'menuoff\';">'

好吧,如果你想以内联方式进行,这有点复杂。 我宁愿使用jQuery并执行以下操作:

HTML:

当然,这只是快速脏版…

让我们看看

如果要删除类或某些“状态”:


希望这有帮助。

您需要澄清您的问题和代码。我不明白您想要实现什么,并且您的代码看起来不像有效的HTML。内联事件处理程序不是好的做法。我只是用他给出的答案来回答这个问题-我本来会选择jquery路线,但因为没有标记,所以您无法给出那种类型的答案
$('td').each(function() {
    $(this).mouseenter(function() {
        $(this).removeClass().addClass('menuon');
    });
    $(this).mouseleave(function() {
        $(this).removeClass().addClass('menuoff');
    });
    $(this).click(function() {
        $(this).removeClass().addClass('menuclick');
    }); 
});
<td class="menuClickable">Whatever...</td>
$(document).load(function() {
    $('.menuClickable').click(function() {
        $(this).removeClass('menuon');
        $(this).addClass('menuClick');
    });
});
  $("#menuItemId").addClass(function(index, currentClass) {
    var addedClass;

    if ( currentClass === "menuon" ) {
      addedClass = "menuoff";

      alert("menu has class "+addedClass+" now");

    }

    return addedClass;
  });