jQuery에서 체크 박스 값을 검색하는 방법

Question

# 786142 이 솔루션을 편집하고 textarea 태그를 다른 id와 동일한 블록 수준 요소로 변경하면 더 이상 작동하지 않습니다 . 내 경우에는 사용자가 마음을 바꾸고 동일한 체크 박스를 선택 취소하면 Ajax 호출 (체크 박스 클릭)에 의해 반환 된 PHP gd 회전 이미지를 제거하려고합니다. val()이 html 데이터를 추가하는 함수가 아니라는 것을 알았지 만이 함수를 ul 목록과 함께 사용하는 방법을 알아야합니다. 그러면 이미지 자체를 다루는 방법을 알아 보겠습니다. 당신이 가진 모든 대답을 감사하십시오.

다음은 작동하는 것입니다. (예 참조)

function updateTextArea() {   
    var allVals = []; 
    $('#c_b :checked').each(function() { 
     allVals.push($(this).val()); 
    }); 
    $('#t').val(allVals) 
} 
$(function() { 
    $('#c_b input').click(updateTextArea); 
    updateTextArea(); 
}); 

ID가 변경되면 위의 작업을 유지하는 방법에 대해 몇 달 후에 몇 달 후에 다른 질문이 표시됩니다. 이 솔루션은 updateTextArea 함수를 클래스를 사용하는 일반적인 항목에 매핑하고 라이브 함수를 사용하여 해당 변경 사항에 대한 DOM을 모니터링하는 방법으로 이어집니다. 죄송합니다. 저는 현재 예제를 작성하는 것이 아닙니다.

Answer 1

귀하의 질문을 이해하기 바랍니다.
이 같은 UL 목록이 그래서 경우 :

<ul id="test_ul"><li></li></ul> 

을 당신은 당신이이 같은 코드를 수정할 수있는 것보다, 대신 텍스트 영역 요소의이를 업데이 트하려는 :

function updateUlLi(ul_id) { 
    var allVals = []; 
    $('input:checkbox:checked').each(function() { 
     allVals.push($(this).val()); 
    }); 
    $('#'+ul_id).html('<li>'+allVals+'</li>'); 
} 

$(function() { 
    updateUlLi('test_ul'); 
    $('#c_b input').click(function(){ 
     updateUlLi('test_ul'); 
    }); 
}); 

을 "id-given"요소에있는 것뿐만 아니라 사이트의 모든 체크 된 체크 박스 (!)를 수집합니다. 또 다른 수정 : ul의 id를 함수에 전달합니다. 도움이 되길 바랍니다.