селектор CSS3: проверено не работает в IE8 (с использованием ie7.js)

Question

У меня есть радио кнопки, как это:

<input class="check" type="radio" id="radio1" name="group"/> 
<label for="radio1">vrai</label> 
<input class="check" type="radio" id="radio2" name="group"/> 
<label for="radio2">faux</label> 
<input class="check" type="radio" id="radio3" name="group"/> 
<label for="radio3">75</label> 
<input class="check" type="radio" id="radio4" name="group"/> 
<label for="radio4">18</label> 

я выбранный класс, когда, которые :checked, но как ни странно, даже используя ie7.js это делает не работает в ie8.

Вот мои ЯШ:

$(document).ready(function() { 
    $('input:checked').addClass("selected"); 
    $('input').click(function() { 
     $('input:not(:checked)').removeClass("selected"); 
     $(this).addClass("selected"); 
    }); 
}); 

Answer 1

не уверен, что он должен делать, но я хотел бы переписать в следующем и посмотреть, если это что-то меняет:

$('input').not('input:checked').removeClass("selected"); 
$(this).addClass("selected"); 

Answer 2

Попробуйте использовать change() вместо click()

$(document).ready(function() { 
    $('input:checked').addClass("selected"); 
    $('input').change(function() {  // <--- HERE 
     $('input:not(:checked)').removeClass("selected"); 
     $(this).addClass("selected"); 
    }); 
}); 

Answer 3

Hy, Я сделал чистый javascri pt решение для вас, которое работает на всех браузерах. пожалуйста, посмотрите, если он вам полезна

  <script type="text/javascript"> 
       function check(selected) 
       { 
        var inputs= document.getElementsByTagName('input'); 
        for(i=0 ; i < inputs.length; ++i) 
        { 

         inputs[i].className=""; 
        } 
        selected.className="selected"; 
       } 
     </script> 

     <input class="check" type="radio" id="radio1" name="group" onclick="check(this);"/> 
     <label for="radio1">vrai</label> 
     <input class="check" type="radio" id="radio2" name="group" onclick="check(this);"/> 
     <label for="radio2">faux</label> 
     <input class="check" type="radio" id="radio3" name="group" onclick="check(this);"/> 
     <label for="radio3">75</label> 
     <input class="check" type="radio" id="radio4" name="group" onclick="check(this);"/> 
     <label for="radio4">18</label>