Jquery - 在CHECKED / UNCHECKED RADIO BUTTONS上删除类

时间:2012-03-01 21:43:41

标签: jquery checked unchecked

自从我为此奋斗以来已经过了5个小时,我上下搜索。我正在尝试更改包含CHECKED RADIO的TABLE CELL BACKGROUND。 我设法添加背景类,但是在取消选中时我无法删除它的背景。

以下是我正在使用的代码:

http://jsfiddle.net/ceWbW

无论如何在取消选中无线电后删除背景类?我没办法做到这一点。 谢谢!

1 个答案:

答案 0 :(得分:0)

$("td input:not(:checked)")仅将事件绑定到未经检查的元素。

将其绑定到所有td input元素,并在回调中使用this.checked来访问已检查状态。

以下是一个示例:http://jsfiddle.net/ceWbW/5/

$("td input").change(function () {
    var $this = $(this);
    var td = $this.parent();
    // un-green all columns which contain a radio element from the same group
    td.siblings().filter(function() {
        return !!$(this).find('input[name="'+$this.attr('name')+'"]:radio').length;
    }).removeClass('green');
    // green the current column in case the radiobox is enabled
    if(this.checked) {
        td.addClass('green');
    }
});