필드 값을 기준으로 행의 배경색을 변경하십시오.

Question

HTML 양식이 있습니다. 다른 행의 필드 값을 기반으로 테이블의 행 배경을 변경할 수 있어야합니다.

예 :

행 A. 필드 값 # 1 = YES

예] 베일 황색

행 B. 배경의 변화에 ​​근거.

Answer 1

원하는 작업을 수행하는 데는 여러 가지 방법이 있습니다. 간단한 예제를 보려면 fiddle을 확인하십시오. 하이라이트 변경 사항을 보려면 텍스트 상자에 Yes를 입력하십시오. 귀하의 질문에 몇 가지 더 많은 정보를 더 유용하게 예를 수정할 수 있습니다.

<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를 자바 스크립트 :

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

그리고 다음 CSS :

는 다음과 같은 HTML을 가지고 말

.highlight{ 
    background-color:yellow; 
} 

.lowlight{ 
    background-color:blue; 
} 

Answer 2

첫번째주고 신청 1, 2 행 id 속성을 사용하는 id

은 html이로드 될 때 이미 true로 설정된 값입니다 ??

다음 feild1 과에는 추가의 onChange = "changeBG는"당신이 실제 마크 업을 제공 할 수이 코드

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