자바 스크립트 - 확인란이있는 텍스트 상자 채우기

Question

웹 응용 프로그램에서 확인란을 선택하면 위에있는 텍스트 상자가 채워집니다. (두 개 이상의 확인란을 선택한 경우 해당 값은 쉼표로 구분 된 텍스트 상자에 나타납니다) .

이러한 체크 박스는 HTML 테이블에 행으로 표시됩니다.

내 HTML 코드는 다음과 같습니다.

function updateTextArea(rCount) { 
    var allVals = new Array();   
    $("#contactInfo input['commentText' + rCount]:checked").each(function() { 
     (allVals).push($(this).val()); 
    }); 

    $("#newContactComment" + rCount).val(allVals); 
} 

상기 함수의 rCount 변수 내 테이블의 행 번호이다 : 다음

<input type="text" id="newContactComment<%=rCount %>" name="newContactComment" size="45"> 

<input type="checkbox" id="commentText<%=rCount %>" name="commentText" value="<%=c.getComment_text() %>" 
     onclick="javascript:updateTextArea(<%=rCount%>);"> 

은 및 상응하는 JS 함수이다. 위 내용을 사용하여 예상되는 동작을 얻지 못했습니다 ..
예를 들어. 내 테이블의 1 행에 대해 chkbox 1과 2를 확인하면 해당 확인란의 값이 올바르게 채워집니다. 자, 내 테이블의 2에 대해, 나는 chkbox 3 만 체크합니다. 기대했던대로 값 1,2와 3 그리고 3뿐만 아니라 값으로 채워집니다.

도움이 될 것입니다.

Answer 1

jQuery를 사용하여 인라인으로 설정하는 대신 이벤트 처리기를 설정하는 것이 좋습니다.

onchange 이벤트가 아니라 onchange 이벤트를 사용하려고합니다.

당신이 체크 박스에 (또는 당신이 원하는 무엇이든) 확인란의 클래스 이름을 추가하는 경우 다음이 작동합니다 : 나는이 라인을 따라이 또는 뭔가를 생각

$("input.checkboxes").change(function(){ //when checkbox is ticked or unticked 


    var par = $(this).closest("tr")[0]; 
    var parID = par.id; 
    var patt1=/([0-9]+)$/g; 
    var rCount = parID.match(patt1); //Gets number off end of id 

    var allVals = new Array(); 

    //Get all checkboxes in current row that are checked   
    $(par).find("td input.checkboxes:checked").each(function() { 
     allVals.push($(this).val()); 
    }); 

    $("#newContactComment" + rCount).val(allVals); 

    allVals = null; //empty array as not needed 

}); 

을 당신은 내가 노력

Answer 2

따옴표 붙은 문자열 내에서 rCount 변수를 사용하려고합니다. 대신 다음을 시도하십시오 :