자바스크립트(JavaScript) 체크박스 전체 선택 해제 및 색깔 변화

체크박스 전체 선택 해제 및 색깔 변화

 

체크박스 전체 선택 해제 및 색깔 변화

 

function chkBox(bool) {
    var obj = document.getElementsByName("to");
 

    for (var i=0; i<obj.length; i++){
    obj[i].checked = bool;
   
     if(obj[i].checked){
     obj[i].style.backgroundColor='#ff0000'   
     } else {
      obj[i].style.backgroundColor=''  
     }
    }
}  

 

// 전체선택/해제
function chkBox(bool) {
    //alert(bool);
 var f = document.form2;
    var obj = document.getElementsByName("to");
 
    for (var i=0; i<obj.length; i++){
    obj[i].checked = bool;  
    
   if ( obj[i].checked == true ){ 
    f.okmode[i].value = 'Y';
       eval('line_'+ i).style.background = "#D2E9FF";      
      }else{
    f.okmode[i].value = '';
    eval('line_'+ i).style.background = "#FFFFFF"; 
   }
   //alert(i);
    } 
} 

 

체크박스 선택 해제 및 색깔 변화

 

function chkBoxstyle() {
    var   f = document.form1; 
    var obj = document.getElementsByName("to");  
 
      for(var i=0; i<obj.length; i++){
        if(obj[i].checked){
           obj[i].style.backgroundColor='#ff0000'   
        } else {
           obj[i].style.backgroundColor=''  
        }
      }
}

 

// 선택/해제 배경 색상 변경
function chkBoxstyle(num) {
    //alert(num);
 var f = document.form2;

      if (f.to[num].checked ){
      f.okmode[num].value = 'Y';
      //alert("선택");
      eval('line_'+ num).style.background = "#D2E9FF";  //배경색깔 바꾸기
   return;
   }else{
      //alert("노선택");
   f.okmode[num].value = '';
      eval('line_'+ num).style.background = "#FFFFFF";  //배경색깔 바꾸기
   return;
   }
}