获取行数据表时在选择单选按钮时添加 CSS 类答案

【问题标题】：Add CSS class on selecting radio button when getting row data table获取行数据表时在选择单选按钮时添加 CSS 类
【发布时间】：2021-09-07 14:27:37
【问题描述】：

我的代码在这里获取一行。现在我想在选择单选按钮时在这个 sn-p 中添加一个 CSS 类。

jQuery 片段

$(document).ready(function (){
    $("input: radio").click(function () {
        if ($(this).is(":checked")) {
           var empid = $(this).closest("tr").find("td:eq(0)").text();
           $("#getreco").val(empid);

            var empname = $(this).closest("tr").find("td:eq(1)").text();
            $("#getreco1").val(empname);

            var empdes = $(this).closest("tr").find("td:eq(2)").text();
            $("#getreco2").val(empdes);
        }
    });
});

【问题讨论】：

1.你可以添加类使用$(this).addClass("special")然后在你的样式表中添加css到类2.你可以直接使用$(this).css("property","value")
我已经这样做了，但没有得到响应
你应该看看 F12 看看你是否有任何错误或者 css 是否适用于 DOM
好的，让我尝试一下
顺便说一句，上面的评论是将类添加到单选按钮而不是 dr/td

标签： jquery css radio-button

【解决方案1】：

这是一个如何根据添加的类向单选按钮和 css 添加类的示例

$(document).ready(function() {
  $("input:radio").click(function() {
    if ($(this).is(":checked")) {
      $(this).addClass("rd");
    }
  });
});

.rd {
  margin: 25px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td><input type="radio" /></td>
  </tr>
</table>

【讨论】：