0

目前我使用 twig 和 Symfony2。在我的一个树枝文件中,我创建了一个用 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 fiddles ......但没有任何东西对我有用。

有什么问题?

4

2 回答 2

0

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

只需复制粘贴您的代码和您发布的 jsFiddle,结果就可以正常工作。

因此,您可能需要做的是在您的 html 文件中创建一个脚本块,该文件具有要链接到的 javascript,或者直接:

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

或通过链接 javascript 文件:

<head>
<script type="text/javascript" src="script.js"></script>    
</head>
于 2012-11-27T11:29:12.723 回答
0

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

于 2012-11-27T11:39:10.973 回答