Как сделать, чтобы при активации чекбокса менялся класс другого объекта?

Question

[Филипп Гаврилов]

Простой вопрос.
Есть чекбокс, при нажатии на который, должен меняться класс следующего за ним импута. Тот был красным, а при нажатии чекбокса пусть станет зеленым.

Болванка:
https://jsfiddle.net/uL3fg3h0/1/

Answer 1

[FMars]

https://jsfiddle.net/uL3fg3h0/4/

Answer 2

[Dark Hole]

function checkboxesFilter(item){
	return item.type == 'checkbox';
}
function checker(){
	var elem = this;
  if(elem.checked){
  	elem.nextElementSibling.className = 'green';
  } else {
  	elem.nextElementSibling.className = 'red';
  }
}
//Отбор чекбоксов
var inputs = document.getElementsByTagName('input'),
		checkboxes = Array.prototype.filter.call(inputs, checkboxesFilter);
for(var counter = 0; counter < checkboxes.length; counter++){
	var elem = checkboxes[counter];
  elem.addEventListener('click', checker);
}