<style type="text/css" media="screen">
#nav > li {cursor: pointer;}
#nav >.active {border:3px solid red;}
</style>
<ol id="nav">
<li class="active">пункт
</li><li>пункт
</li><li>пункт
</li><li>пункт
</li><li>пункт
</li></ol>
<script type="text/javascript">
var els= document.getElementById('nav');
els.onclick= function(e) {
[].forEach.call(this.querySelectorAll('li'), function(i) {
i.classList.remove('active');
})
e.target.classList.add('active');
e.stopPropagation();
}
</script>
el.onclick= el.oncontextmenu= el.onmouseover= eRouter;
function eRouter(e) {
if(e.type === 'click') {
...
} else if(e.type === 'contextmenu') {
...
} else if(e.type === 'mouseover') {
...
}
}
<style type="text/css" media="screen">
#nav > li {cursor: pointer;}
#nav >.active {border:3px solid red;}
</style>
<ol id="nav">
<li class="active">пункт
</li><li>пункт
</li><li>пункт
</li><li>пункт
</li><li>пункт
</li></ol>
<script type="text/javascript">
var els= document.getElementById('nav');
els.onclick= function(e) {
[].forEach.call(this.querySelectorAll('li'), function(i) {
i.classList.remove('active');
})
e.target.classList.add('active');
e.stopPropagation();
}
</script>
<div>
<h5>Javascript-код:</h5>
<div class="code" style="display:block; width:100%; overflow:auto;"><pre><code for="prim" nolib="">
Есть чекбокс, который обрабатывается аяксом. Осуществил показ текста при разном положении чекбокса(нет галочки = текст- "Открыто", есть - "Закрыто"). Ставлю галочку,текст "Закрыто"появляется, но при перезагрузки страницы текст ссбрасывает на "Открыто", галочка стоит.