当已经单击了另一个元素时,如何显示该元素

How do I show an element when another element has already been clicked?

本文关键字:元素 何显示 显示 单击 另一个      更新时间:2023-09-26

我有一个链接,

<a href="manager_view.html">
    <p class="in_row">Jane Doe</p>
</a>

我想显示一个复选标记&check;,当Jane Doe在过去被点击时。我该怎么做?

FIDDLE

JAVASCRIPT

document.getElementsByClassName('in_row')[0].onclick = function()
{
    this.className = 'in_row clicked';
}

或者,如果你有不止一个:

var rows = document.getElementsByClassName('in_row');
for (var i = 0, len = rows.length; i < len; i++)
{
    rows[i].onclick = doclick; //this function is the above code
}

CSS

.clicked:before
{
    content:"✓";
}

您应该使用本地存储http://www.w3schools.com/html/html5_webstorage.asp如果有更多元素要存储在其中,则可以使用JSON.stringify当你创建一个点击元素的数组时,你会像这个一样存储它

  localStorage["rowsclick"] = JSON.stringify(elementsClickedArray);

而不是读到你需要

 elementsClickedArray = JSON.parse(localStorage["rowsclick"]);