0

現在、小枝と Symfony2 を使用しています。小枝ファイルの 1 つで、for ループで動的に埋められるテーブルを作成します。

したがって、次のようなエントリがいくつか作成されます。

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

チェックボックスがオンになっている場合、td の背景色を変更したいと思います。私はすでに見つけたいくつかのJSFiddlesを試しました...成功しませんでした。

それらはすべて次のようになります。

http://jsfiddle.net/YQD7c/1/ 多かれ少なかれ...しかし、ここには1つのリンクしか投稿できません。

Heres 私の完全なテーブル:

<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フィドルをコピーして貼り付けました...しかし、何もうまくいきませんでした。

何が間違っている可能性がありますか？

4

2 に答える 2

0

おそらく、あなたがしていないことは、JavaScript を HTML にリンクすることです。

コードと投稿した jsFiddle をコピーして貼り付けるだけで、これが正常に機能します。

したがって、次のいずれかの方法で、リンク先の JavaScript を含むスクリプト ブロックを html ファイルに作成する必要があるかもしれません。

<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 に答える