助けが必要です。
次のようにdisplaytagによって作成されたテーブルがあります。
<div id="contentAccionFormativa" class="displayAF">
<display:table id="displayAF" name="${accionesFormativasList}"
htmlId="justifAfList"
class="displayTagTable"
uid="accionFormativa">
<display:column titleKey="asociarJustificante.display.af.header.checkbox"
class="tdBorderFirst center"
headerClass="firstTh"
style="width: 2px;" >
<form:checkbox id="checkAf" path="listaIdAccionesFormativas" value="${accionFormativa.idAfExteInteIdConv}"/>
</display:column>
<display:column titleKey="asociarJustificante.display.af.header.descripcion" class="lastTh center" >
${accionFormativa.codAF}
</display:column>
<display:footer>
<tr><td colspan="2" class="firstTh lastTh right"></td></tr>
</display:footer>
</display:table>
</div>
私はカウントチェックボックスを取得しようとします:
jQ('#justifAfList :checkbox').click(function() {
alert(jQ("input:checked").length);
});
それは正常に動作しますが、次のように ajax でテーブルを生成したとき:
jQ.each(data.ajaxResult.accionesFormativas, function(i,value){
firstTd = "<td class='tdBorderFirst center' style='width: 2px;'><input id='checkAf' type='checkbox' value=" +value.idAfExteInteIdConv+ " name='listaIdAccionesFormativas'><input type='hidden' value='on' name='_listaIdAccionesFormativas'></td>";
jQ('#justifAfList > tbody:last').append("<tr class='odd'>" + firstTd + "<td class='lastTh center'>" + value.codAF +"</td></tr>");
});
jquery 関数は、最初のチェックボックスのクリックのみをキャプチャします。
誰かが私を助けることができます。