>

확인란을 편집 할 때마다 timeGrad1 를 표시해야합니다   editImage 의 이미지  열.

지금 세 번째 열 이미지의 확인란을 편집하면 6 번째 열의 확인란을 편집하면 이미지가 사라지지만 두 열을 모두 편집하면 이미지가 영구적으로 유지됩니다. 마찬가지로 드롭 다운 메뉴에서도 마찬가지입니다.

수정 방법을 알려 주시면 나중에 직접 해결하도록 하시겠습니까?

아래에 내 코드 제공

http://jsfiddle.net/61ufvtpj/

$(document).on('change', '#sixthColumnCheck', function() {
  if (this.checked) {
    alert("if I am inside sixth column");
    $(this).parents('tr').find('td').eq(1).addClass("timeGrad1");
    var returnVal = confirm("Are you sure?");
    $(this).prop("checked", returnVal);
  } else {
    alert("else I am inside sixth column");
    $(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");
  }
});
//thirdColumnCheckGrid

$(document).on('change', '#thirdColumnCheckGrid', function() {
  if (this.checked) {
    alert("if I am inside third column");
    $(this).parents('tr').find('td').eq(1).addClass("timeGrad1");
    var returnVal = confirm("Are you sure?");
    $(this).prop("checked", returnVal);
  } else {
    alert("else I am inside third column");
    $(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");
  }
});


  • 답변 # 1

    필요한 td 요소에 이미 "timeGrad1"클래스가 있는지 확인하십시오.

    이와 같이

    if(!$(this).parents('tr').find('td').eq(1).hasClass("timeGrad1"))
    {         
       $(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");
    }
    
    

    클래스가 이미 적용된 경우 td에서 이미지를 제거하지 마십시오. 그렇지 않으면 제거하십시오.

    이 jsfiddle 참조 http://jsfiddle.net/61ufvtpj/1/

    이것은 당신의 요구에 응할 것입니다 !!!

  • 이전 부트 스트랩을 사용하여 div 사이의 HTML CSS 공간
  • 다음 java - 64/32 비트 JVM 버전이 모두 설치된 경우 JNLP 애플리케이션은 JVM의 올바른 비트 버전을 어떻게 선택합니까?