Php onclick更改css
我正在用PHP制作一个简单的日历应用程序,我想根据用户的操作更改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++。
块样式。但我希望当“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;
});