Jquery：クリック時の隠しフィールドの項目の追加/削除

Question

グリッドが1回クリックされたときに不在を記録できるプログラムがあります。 2回目にクリックすると、グリッドが遅く記録されます。 3回目にクリックすると、元の状態に戻ります。私は、他の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 
} 

利点は次のとおりです：

• 高速化部加工

  あなたの送信ボタンを仮定すると、IDのmySubmitButtonを与え、あなたはlateHiddenFieldは、あなたのような何かを行うことができ、IDと隠しフィールドを持っていますこれはあなたが何も

を修正する を持っていないコード -

一度シンプル走ります3210

Answer 2

私はあなたが異なるクリックの状態によって遅れている生徒の総数を教えようとしていると推測しています。その場合hereで

が

それをより整体にするために、マークアップに

わずかな変化ワーキングソリューションです

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

次に、あなたすでに維持配列の長さをカウントし、

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

を更新