Jquery : 클릭시 숨겨진 필드에 항목 추가/제거

Question

그리드를 한 번 클릭하면 부재를 기록 할 수있는 프로그램이 있습니다. 두 번째 클릭하면 그리드가 늦게 기록됩니다. 세 번째로 클릭하면 상태가 원래 상태로 되돌아갑니다. 나는 다른 php에 게시 될 숨겨진 필드에 결석을 추가 할 수 있습니다. 그러나 나는 다른 숨겨진 필드에 늦은 기록을 추가하는 것처럼 보이지 않습니다. 내 다른 PHP 파일을 보면, 결석은 목록에서 제거되어야한다고해도 여전히 기록됩니다. 최악의 경우는 늦은 숨겨진 필드에 아무 것도 추가되지 않습니다.

정말 도움이 필요합니다. 또한 코드를 이해할 수 있도록 실수를 한 곳을 설명 할 수 있기를 바랍니다. 감사! http://jsfiddle.net/Ms6FP/2/

Answer 1

제출에 숨겨진 필드의 내용을 작성하는 것이 작업을 수행하는 더 좋은 방법 :

여기에 코드입니다.

$("#mySubmitButton").submit(function(){ 
    $(".late").each(function(index,value){ //iterate through each late student 
    //append the late student's name 
    $("#lateHiddenField").text($("#lateHiddenField").text()+value.text()+"\n"); 
    }) 

    //do the same for the absent students 
} 

장점은 다음과 같습니다 :

• 빠른 과정에서 시간

  당신의 제출 버튼을 가정하면 아이디 mySubmitButton을 주어 당신은 lateHiddenField, 당신이 뭔가를 할 수있는 ID로 숨겨진 필드가있다 이것은 단지 당신이 아무것도

을 개정 이없는 코드 - 한 번

간단한 실행3210

Answer 2

다른 클릭 주를 통해 늦은 총 학생 수를 알려 주려고합니다. 이 경우 here에

이

가 마크 업

약간의 변화가

<div id="collect1"> 
    late: <span>0</span> 
</div> 

그리고 더 조작 할 수있는 작업 솔루션입니다, 당신의 이미 유지 배열의 길이를 계산하고 업데이트

$("#collect1").children("span").html(late.length);