Question

只是学习jquery并且不能让它工作。我想在单击“否”单选按钮时更改单元格的颜色。这是我最好的猜测它应该如何工作，但事实并非如此。

我正在动态加载此表，因此我不想为每个表格单元格指定唯一名称。我试图使用jquery的“this”来影响包含单选按钮的单元格，以避免使用ID。

<input type="radio" name="group20" value="2" class="spacer" onchange="radio()"> No 


<script>
    function radio() {
        $("td".this).toggleClass("no_checked");
    }
</script>

CSS：

.no_checked {background: #F5A9A9;}

Answer 1

以下代码在父td中添加和删除该类。

<强> JQuery的：

$('input:radio[value=0]').click(function () {
    var $this = $(this);
    $this.closest('td').removeClass('no_checked');
});
$('input:radio[value=1]').click(function () {
    var $this = $(this);
    $this.closest('td').removeClass('no_checked');
});
$('input:radio[value=2]').click(function () {
    var $this = $(this);
    $this.closest('td').addClass('no_checked');
});

<强> Demo

jquery在单选按钮选择上更改单元格颜色

1 个答案: