javascript - 使用 jQuery 突出显示带有复选框的表格行

标签 javascript jquery html

我有以下 HTML 表格。每行包含一个复选框,后跟一些文本。

<table>
    <tr>
        <td><input type="checkbox" /></td>
        <td>Name</td>
    </tr>
    <tr>
        <td><input type="checkbox" /></td>
        <td>Name2</td>
    </tr>
</table>

我需要一些帮助编写一个脚本,该脚本将突出显示(添加类)已选中的行,取消选中将删除该类。

最佳答案

http://codebins.com/codes/home/4ldqpb8

    $(":checkbox").change(function() {
        $(this).closest("tr").toggleClass("highlight", this.checked)
    })

关于javascript - 使用 jQuery 突出显示带有复选框的表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11380064/

相关文章:

html - 高度自动时CSS边框崩溃

forms - &amp是做什么用的

javascript - 模拟键盘输入/将字符串插入文本区域(adwords)

javascript - 为什么我收到 "Element type is invalid"错误?

jquery - 如何在有滚动条的屏幕中央显示 loading.gif

javascript - 使用 Javascript 获取用户控件属性值

javascript - 动态创建的元素上的事件绑定(bind)?

javascript - 使用 if 语句删除 Leaflet 弹出窗口中的 "null"属性

javascript - k6 测试仅同时执行 "http"请求并连续执行 websocket 请求

javascript - 映射到嵌套组件的 Elm 效果