jQuery - Each() 메서드를 사용하여 페이지의 모든 체크 상자를 반복하고 변경합니다.

Question

일련의 20 개 이상의 확인란이있는 웹 페이지를로드하고 있습니다. 페이지에 데이터베이스의 데이터가로드되어 일부 체크 박스가 선택되고 해당 체크 박스에 연결된 텍스트 영역에 일부 텍스트가 표시됩니다. 내가 생각하는 내가하고 싶은 것은 : 1) 모든 chekboxes을 반복하고

각 체크 박스는 고유있다 2) 각 관련 텍스트 영역의 '장애인'속성과 CSS 속성을 수정할 확인하는 사람을 찾아 ID (예 : specA01, specA02, specA03 등) 및 각 텍스트 영역에는 고유하지만 관련 ID가 있습니다 (예 : specA01summ, specA02summ, specA03summ 등)

이 코드는 동일한 페이지의 다른 행에서 수정되었지만 여기에 몇 가지 기본 원칙을 오해하고 있다는 것을 알고 있습니다 ... 아마도 "이"행과 관련이 있습니다 ...

$("input[type=checkbox][checked]").each(
      function() { 
       var checkBoxId = $(this).attr('id'); 
       $('#' + checkBoxId + 'summ').removeAttr("disabled"); 
       $('#' + checkBoxId + 'summ').css({'background-color' : '#ffffff', 'color' : '#000000', 'border-color' : '#696FA3', 'height' : '10em'}); 
       $('#' + checkBoxId + 'summRequired').css("display", "block"); 

      }); 

기본적으로이 코드에서는 모든 체크 박스를 반복하고 'checkBoxID'라는 변수에 각 ID를 가져 와서 '#'+ checkBoxId + '의 ID로 textarea 요소를 수정하려고합니다. summ '. 당신이 제공 할 수있는 도움이나 안내는 대단히 감사합니다. 내 뻔뻔한 무지 미안해. 나는 여전히 프로그래밍과 jQuery를 배우고있다.

Answer 1

$(":checkbox:checked").each(function(o){ 
    var chkID = $(this).attr("id"); 
    $("#"+chkID+"summ").removeAttr("disabled"); 
    /* ... */ 
});