Подскажите пожалуйста, почему в IE<9 не работает этот код?
При нажатии на радио должен у label должен устанавливаться класс checked
Это баг, или я в чем-то ошибся?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
.check+label {
border:1px solid red;
display:block;
width:10px;
height: 10px;
}
</style>
</head>
<body>
<form>
<input type="radio" name="option" value="1">
<label></label>
<input type="radio" name="option" value="1">
<label></label>
<input type="radio" name="option" value="1">
<label></label>
<input type="radio" name="option" value="1">
<label></label>
<input type="radio" name="option" value="1">
<label></label>
</form>
<script >
document.onclick = function(e) {
e = e || event;
var target = e.target || e.srcElement;
if(target.tagName != "INPUT" ) return;
target.className = "check";
}
</script>
</body>
</html>
причем если +label убрать в css то тогда работает.