jQuery (x == y)가 작동하지 않는 경우

Question

그래서 jQuery와 함께 작동하여 체크하지 않거나 체크하지 않는 약간의 가짜 체크 박스가 있습니다. 이 내 문서에 가짜 체크 박스의 숫자가 있으며, 각각에 대해 내가 클릭 기능이 있습니다

var productInterest = []; 
productInterest[0] = false; 
productInterest[1] = false; 
productInterest[2] = false; 

// here is one function of the three: 

$('#productOne').click(function() { 
    if (productInterest[0] == false) { 
     $(this).addClass("checkboxChecked"); 
     productInterest[0] = true; 
    } else { 
     $(this).removeClass("checkboxChecked"); 
     productInterest[0] = false; 
    } 
}); 

문제가 확인되므로 if 문에서 에러가 발생했을 것 같다

있지만 선택을 취소하십시오. 즉, 클래스를 추가하지만 변수는 변경되지 않으므로 여전히 해당 변수가 검사됩니다. 아무도 아이디어가 없나요? 당신의 도움을 주셔서 감사합니다.

업데이트 : 그래서 내가 제공 한 방식으로 작동하므로 내 코드를 모두 보여줄 필요가 있습니다. 대지. 아래에서 코드 전체를 찾으십시오.

각 확인란의 UI와 데이터를 한 번에 업데이트해야하므로 모든 기능이 하나의 기능으로 이루어져야합니다.

$('input[name=silkInterest]').click(function() { // they all have the same name 

    var silkInterest = []; 
    silkInterest[0] = false; 
    silkInterest[1] = false; 
    silkInterest[2] = false; 

    if ($(this).is('#silkSilk')) { // function stops working because the .is() 
     if (silkInterest[0] == false) { 
      $(this).addClass("checkboxChecked"); 
      silkInterest[0] = true; 
     } else { 
      $(this).removeClass("checkboxChecked"); 
      silkInterest[0] = false; 
     } 
     alert(silkInterest[0]); 
    } 
    if ($(this).is('#silkAlmond')) { 
     if (silkInterest[1] == false) { 
      $(this).addClass("checkboxChecked"); 
      silkInterest[1] = true; 
     } else { 
      $(this).removeClass("checkboxChecked"); 
      silkInterest[1] = false; 
     } 
    } 
    if ($(this).is('#silkCoconut')) { 
     if (silkInterest[2] == false) { 
      $(this).addClass("checkboxChecked"); 
      silkInterest[2] = true; 
     } else { 
      $(this).removeClass("checkboxChecked"); 
      silkInterest[2] = false; 
     } 
    } 

    var silkInterestString = silkInterest.toString(); 
    $('input[name=silkInterestAnswer]').val(silkInterestString); 
    // This last bit puts the code into a hidden field so I can capture it with php. 

}); 

Answer 1

좋아, 그냥 이마에 손바닥이 있었어. 수정 된 코드와 관련하여 클릭 할 때마다 변수가 재설정됩니다. 그것이 문제였습니다. 이봐.

Answer 2

내가 코드에서 문제를 발견 할 수는 없지만 당신은 단순히 당신이 productInterest 배열 대신에 추가하는 클래스를 사용할 수 있습니다 : 그래서 여기에 전체 기능입니다.

if ($('#productOne').hasClass('checkboxChecked')) {...} 

이 UI를 항상 "데이터"에 동기화되어 있는지 확인합니다 :

// Condense productOne, productTwo, etc... 
$('[id^="product"]').click(function() { 
    // Condense addClass, removeClass 
    $(this).toggleClass('checkboxChecked'); 
}); 

을 그리고 그들 중 하나가 선택되어 있는지 확인하는 : 이것은 하나의 아래 코드를 응축 할 수 있습니다 따라서 다른 코드가 간섭하는 경우이를 감지 할 수 있습니다.