JQuery 和 RadioButtons 问题

发布于 2024-08-16 10:07:56 字数 994 浏览 4 评论 0原文

我有一张包含单选按钮（即 3x3 网格）的表格，我希望当我选择其中一个时，包含单选按钮的颜色会发生变化。按照这个示例我这样做了

<table class="table-name">
<tr>
    <td>
        <span>Some text</span>
        <input type="radio" name="some-name" />
    </td>
    <td>
        <span>Some text</span>
        <input type="radio" name="some-name" />
    </td></tr>
</table>

而且 javascript

$(':radio').change(function() {           
    $('.color-1').removeClass('color-1');       
    var $td = $(this).parent('td');
    if (this.checked) {               
        $td.addClass('color-1');   
    } else {                          
        $td.removeClass('color-1');
    }
});

在 Firefox 上运行良好。但在 Internet Explorer 上，它会为之前选择的内容着色因此，如果我选择 1,1，它会保持白色，但当我选择 1,2 时，1,1 会变成蓝色，依此类推。

有什么想法吗？

原文

I have a table containing radiobuttons (i.e. 3x3 grid) and I want when I select one of them the containing the radiobutton to change colour. Following this example I did this

<table class="table-name">
<tr>
    <td>
        <span>Some text</span>
        <input type="radio" name="some-name" />
    </td>
    <td>
        <span>Some text</span>
        <input type="radio" name="some-name" />
    </td></tr>
</table>

and the javascript

$(':radio').change(function() {           
    $('.color-1').removeClass('color-1');       
    var $td = $(this).parent('td');
    if (this.checked) {               
        $td.addClass('color-1');   
    } else {                          
        $td.removeClass('color-1');
    }
});

this works well on firefox. but on internet explorer it colors the previously selected
So if I select 1,1 it stays white but when I select 1,2 then 1,1 turns blue and so on.

Any ideas?

分享到QQ

分享到微博