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

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