Question

目前我使用twig和Symfony2。在我的一个twig文件中，我创建了一个用for循环动态填充的表。

因此它创建了几个看起来像这样的条目：

<td>
<input type='checkbox' name='somename'>
</td>

现在，如果选中复选框，我希望更改td背景颜色。我已经尝试过几个JSFiddles，但是没有成功。

它们看起来都像这样：

http://jsfiddle.net/YQD7c/1/ 或多或少...但我只能在这里发布1个链接。

继承我的完整表格：

<table class="index" cellpadding="5px">
            <thead>
            <tr>
                <th>....</th>
                <th>....</th>
                <th>....</th>
                <th>....</th>
                <th>....</th>
                <th>....</th>
                <th>....</th>
            </tr>   
            </thead>    
            <tbody>
                {% for l in list %}
                    <tr>
                        <td >
                            {{some.other.things.in.list}}
                        </td>
                        <td >
                            ...
                        </td>
                        <td >
                            ...
                        </td>
                        <td>
                            ...
                        </td>
                        <td >
                            ...
                        </td>
                        <td>
                            <input type='checkbox' name='box[{{l.id}}]'>
                        </td>
                        <td>
                            <a href="...">Edit</a>
                        </td>
                {% endfor %}
            </tbody>
        </table>

我试图围绕复选框制作<div>并复制并粘贴js小提琴......但没有任何对我有用。

可能有什么不对？

Answer 1

也许你没有做的是将你的javascript链接到你的HTML。

只需复制粘贴您的代码和您发布的jsFiddle，结果为this哪种方法正常。

所以您可能需要做的是在html文件中创建一个脚本块，该脚本块可以直接链接到javascript：

<html>
<body>
    <script language="javascript">
        //code here
    </script>
</body>
</html>

或链接javascript文件：

<head>
<script type="text/javascript" src="script.js"></script>    
</head>

Answer 2

你需要为for循环中的<td>定义“id”属性。然后使用jquery选择器读取勾选复选框的值，并为该特定<td>元素设置所需的颜色。

选中复选框后更改颜色

2 个答案: