0

HTMLフォームがあります。別の行のフィールドの値に基づいて、テーブルの行の背景を変更できるようにする必要があります。

例：

行A.フィールド＃1の値=はい

YES値に基づく

行B。背景が黄色に変わります。

4

2 に答える 2

0

やりたいことを実行する方法はいくつかあります。簡単な例については、このフィドルを確認してください。ハイライトの変更を確認するには、テキスト ボックスに「はい」と入力します。あなたの質問にさらに情報があれば、例を変更してより便利にすることができます。

次の HTML があるとします。

<form>
<table>
    <tr>
        <td><input type="text" id="field1"/></td>
        <td>Something else</td>
    </tr>
    <tr class="rowb">
        <td>Some value</td>
        <td>Some other value</td>
    </tr>
</table>
</form>

そして、次の jQuery JavaScript:

$(document).ready(function(){
      $("#field1").change(function(){
          $(".rowb").addClass($("#field1").val() == "Yes"?"highlight":"lowlight");
      });
 });

そして、次の CSS:

   .highlight{
    background-color:yellow;
}

.lowlight{
    background-color:blue;
}
于 2012-11-29T20:01:59.063 に答える
0

最初に id 属性を使用して、フィールド 1 と行 2 に ID を与えます

HTMLがロードされたときに、値はすでにtrueに設定されていますか??

はいの場合は onLoad="changeBG" をテーブルに追加し、ない場合はフィールド 1 に onChange="changeBG" を追加し、このコードを追加します。

<script type="text/javascript" >
    function  changeBG () {
    if(document.getElementById("feild1").getAttribute(value) == true)
       document.getElementById("rowB").setAttribute(background-color,yellow) ;
       }
</script>
于 2012-11-29T20:44:49.640 に答える