여러 개의 체크 박스 스크립트가 서로 개입합니다

Question

좋은 회원은 여기에 div에 표시 할 데이터를 저장하는 여러 체크 박스 예제를 설정하는 데 도움이되었습니다. 그러나 이러한 여러 가지 작업을 시도 할 때 변수를 변경할 때도 서로 겹쳐서 div에 동일한 데이터를 표시합니다.

나는 여기에 간단한 예제를 설정 : input[type="checkbox"]:checked

이를 : http://jsfiddle.net/pufamuf/vrpMc/4/

당신의 시간 모두 :

Answer 1

당신이 두 이벤트 핸들러에서 같은 선택기를 사용하고 있기 때문이다 주셔서 감사합니다 체크 된 체크 박스 입력을 모두 선택합니다.

그 대신 매번 주어진 이름의 입력 만 선택하려면 input[name="car[]"]:checked과 input[name="phone[]"]:checked 을 사용해야합니다.

Answer 2

두 기능 모두에서 선택한 확인란을 모두 선택합니다. 내 수정 (그리고 다른 사람이 더 나은 사람이있을 수도) ul의 주변에 고유 한 ID를 추가하는 것입니다.

HTML :. 당신이 당신의 $를 ('# 제출') 수정할 수 있습니다

<ul id='electronics'> 
<li><input type="checkbox" name="phone[]" value="Nokia" />Nokia</li> 

그런 식으로 이런 일에 핸들러를 클릭

$('#submit').click(
    function() 
    { 
     var htmls = ""; 
     $('ul#electronics>li>input[type="checkbox"]:checked').each(
      function() 
      { 
       htmls += $(this).val() + " "; 
      } 
     ); 

     $('.here').html(htmls); 
    } 
); 

체크 아웃 http://api.jquery.com/child-selector/, http://api.jquery.com/id-selector/ 더 많은 정보를 원하시면.

기본적으로이 변경 사항이나 유사한 변경 사항이 없으면 자동차 브랜드 목록과 전자 브랜드 목록을 구별하는 것이 없으므로 클릭 핸들러는 모두 선택된 확인란을 모두 고려합니다.