Как вместо class добавлять id?
<script>
document.querySelector('.test-data').onclick = function()
{
var a = document.querySelectorAll('.pagination a');
for (var i=0; i<a.length; i++)
{
var sel = a[i].getAttribute('href') + ' input:checked';
if(document.querySelector(sel)) a[i].classList.remove('red');
else a[i].classList.add('red');
}
}
</script>