根據字段值更改行的背景色

Question

我有一個HTML表單。 我需要能夠根據另一行中字段的值來更改表中某行的背景。

例：

行A。字段＃1的值=是

基於YES谷

B行。背景變為黃色。

Answer 1

有許多方法可以做您想要做的事情。 查看這個小提琴 ，看一個簡單的例子。 在文本框中鍵入是，以查看突出顯示的更改。 在您的問題中提供了更多信息后，我可以修改示例以使其更有用。

假設您有以下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;
}

Answer 2

首先使用id屬性為文件1和行2提供一個ID

是html加載時已經設置為true的值嗎？

如果是，則將onLoad =“ changeBG”添加到表中；如果否，則在feild1上添加onChange =“ changeBG”，然后添加此代碼

<script type="text/javascript" >
    function  changeBG () {
    if(document.getElementById("feild1").getAttribute(value) == true)
       document.getElementById("rowB").setAttribute(background-color,yellow) ;
       }
</script>