javascript - 当另一个元素已被单击时，如何显示一个元素？

Question

我有链接，

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

我想在过去单击 Jane Doe 时显示一个复选标记 ✓。我该怎么做？

Answer 1

小提琴

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:"✓";
}

Answer 2

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

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

而不是阅读你需要的

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