<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1"><strong>Аккумуляторы</strong></label>
<div class="content">
<p class="sod" ><a href="#">Apple</a></p>
<p class="sod" ><a href="#">Apple2</a></p>
<p class="sod" ><a href="#">Apple3</a></p>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2"><strong>Кулера</strong></label>
<div class="content">
<p class="sod"><a href="#">dell</a> </p>
<p class="sod" ><a href="#">dell2</a></p>
<p class="sod" ><a href="#">dell3</a></p>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1" >
<label for="tab-3"><strong>Клавиатуры</strong></label>
<div class="content">
<p class="sod"><a href="#">ACER</a></p>
<p class="sod"><a href="#">ACER2</a></p>
<p class="sod"><a href="#">ACER3</a></p>
</div>
</div>
</div>
<script>
var id = localStorage.checked;
if(id) document.getElementById(id).checked = true
var input = document.getElementsByName('tab-group-1');
for (var i=0; i<input.length; i++) {
input[i].onclick = function() {
localStorage.checked = this.id ;
} }
</script>
</body>
</html>