0

以下の表の行があります。

<table class="authors-list">
      <tr>
         <td style="font-size:10px;"><a class="deleteRow"> <img src="delete2.png" /></a></td>
         <td ><input type="text" id="product1" name="product1" class="rounded"/></td>
         <td ><input type="text" size='5' id="qty1" name="qty1" class="rounded"/></td> 
         <td class="tdcheckbox"><input type="checkbox"  id="h09_1" name="h09_1" class="rounded"/></td> 
         <td class="tdcheckbox"><input type="checkbox"  id="h12_1" name="h12_1" class="rounded"/></td> 
         <td class="tdcheckbox"><input type="checkbox"  id="h15_1" name="h15_1" class="rounded"/></td> 
         <td class="tdcheckbox"><input type="checkbox"  id="h18_1" name="h18_1" class="rounded"/></td> 
         <td class="tdcheckbox"><input type="checkbox"  id="h21_1" name="h21_1" class="rounded"/></td> 
         <td class="tdcheckbox"><input type="checkbox"  id="h24_1" name="h24_1" class="rounded"/></td> 
         <td class="tdcheckbox"><input type="checkbox"  id="h27_1" name="h27_1" class="rounded"/></td> 
         <td class="tdcheckbox"><input type="checkbox"  id="h30_1" name="h30_1" class="rounded"/></td> 
         <td><input type="hidden" name="checkedsizes_1" id="checkedsizes_1" value="0"></td>
      </tr>
</table>

私がやりたいことは、各行でチェックされたチェックボックスの数を数えることです。動的な数の行を持つことができることを覚えておいてください。これはリアルタイムである必要はありません。送信する直前に、隠しフィールドcheckedsizes_1をその行のチェックボックスの数に設定する必要があります。

5行になる可能性があるため、各テーブル行(1、2、3 ...)をループし、チェックされたチェックボックスを数えてから、対応する入力checkedsizes_Xに結果を入力する必要があります。

だから私の提出は:

<INPUT TYPE="button" VALUE="Continue" onClick="submitFunction()">

呼び出される関数は次のとおりです。

<SCRIPT>
function submitFunction() {
   document.sales_order_details.action="/sales/new_autospread_range";
</SCRIPT>

だから私は次のようなものを想定しています:

<SCRIPT>

function submitFunction() {
   countcheckboxperrow();
   document.sales_order_details.action="/sales/new_autospread_range";
</SCRIPT>

    <script>
        countcheckboxperrow(){;
        var checkboxes=0;
        //foreach table row in table class="authors-list" count the checkedcheckboxes starting with h. [id^="h"] h being field name first letter      
        //set the corresponsing input in that field row that starts with 
        //repeat for next row id^="checkedsizes"]       
    </script>

事前に助けてくれてありがとう。明確にする必要がある場合はお知らせください。要約すると、その行でチェックされているチェックボックスの数をカウントし、非表示のフィールドにこの値を入力するスクリプトが必要です。

再度、感謝します。

フィドル http://jsfiddle.net/emL6x/2/

4

1 に答える 1