根据字段值更改一行的背景颜色

我有一个HTML表单。我需要能够根据另一行中字段的值来更改表格中行的背景。根据字段值更改一行的背景颜色

实施例：

行A.域＃1的值= YES

基于该YES谷

行B.背景变为黄色。

来源

2012-11-29 user1839308

你能提供实际的标志吗？ – Ivan

将'onchange' eventlistener添加到'Field＃1'中，在处理函数中，检查Field＃1的值是否为YES，然后将Row2的背景样式设置为黄色。 – Teemu

尝试一下，然后我们可以帮助你 –

有很多方法可以去做你想做的事情。看看这个fiddle一个简单的例子。在文本框中键入是查看突出显示更改。在你的问题中有更多的信息，我可以修改这个例子使它更有用。

假设您有以下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-29 20:01:59

先给申请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>

来源

2012-11-29 20:44:49 Shaden

根据字段值更改一行的背景颜色

回答

相关问题