Question

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

示例：

行A.字段＃1值=是

基于YES Vale

行B.背景变为黄色。

Answer 1

有很多方法可以做你想做的事。查看此fiddle以获取一个简单示例。在文本框中键入Yes以查看突出显示更改。在您的问题中有更多信息，我可以修改示例以使其更有用。

假设你有以下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>

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

2 个答案: