2013-07-25 4 views
1

У меня есть ссылка,Как показать элемент, когда еще один элемент уже нажат?

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

Я хочу показать птичку, ✓, когда Джейн Доу были нажаты в прошлом. Как мне это сделать?

+0

действительно хотите использовать jquery или чистый JS? –

+2

«В прошлом» означает «все» или только во время этой сессии? – jterry

+0

Вам понадобится дополнительная информация. Вы используете Ajax? Если вы нажмете ссылку, страница изменится в любом случае? – BigBadOwl

ответ

4

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

Вероятно, вы имеете в виду 'rows [i] .onclick = doclick;' вместо '= doclick();' –

+0

Да, я это делаю. Хороший улов. Благодарю. – musicnothing

+0

Проблема в том, что она, похоже, не сохраняет чек, когда вы нажимаете кнопку «Назад» и переходите на страницу – user2619180

0

Вы должны использовать локальное хранилище http://www.w3schools.com/html/html5_webstorage.asp Если у вас есть несколько элементов, чтобы хранить в нем вы можете использовать JSON.stringify При создании массива перешедших элементов, которые вы храните его как этот

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

И чем читать, что вы необходимо

elementsClickedArray = JSON.parse(localStorage["rowsclick"]); 
Смежные вопросы