Question

我有一个链接，

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

我想显示一个复选标记，✓，当Jane Doe过去被点击时。我该怎么做？

Answer 1

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

Answer 2

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

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

而不是阅读你需要的

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

如何在单击其他元素时显示元素？

2 个答案: