选择器css3:选中不在IE8中工作(使用ie7.js)

时间:2014-01-20 16:35:29

标签: jquery html css3 internet-explorer-8 checked

我有这样的单选按钮:

<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。

这是我的js:

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

3 个答案:

答案 0 :(得分:0)

不确定是否必须这样做,但我会重写以下内容并查看它是否有所改变:

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

答案 1 :(得分:0)

尝试使用change()代替click()

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

答案 2 :(得分:0)

         <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>