选中该复选框后，在表td上插入编号

Question

div

HTML：

<td>
    <apex:inputfield value="{!child.Confirm_Order__c}" />
</td>
    //checkbox
<td>
    <!-- <apex:panelGroup rendered="{!child.Confirm_Order__c==true}">-->
    <apex:inputfield value="{!child.Order_numbering__c}" id="getindex" />
      //text field
    <!-- </apex:panelGroup>-->
</td>
<apex:commandButton value="Save" action="{!Save}" onclick="insert_numbers()" />

Javascript：

<table>
<th><td>Checkbox value</td><td>Inputfield value</td></th>
<tr>
<td>true</td><td>1</td>
<td>false</td><td></td>
</tr>
<tr>
<td>true</td><td>2</td>
<td>false</td><td></td>
</tr>
</table>

目前工作正常。它为每个td插入一个数字。

我想修改这个方法，当选中一个复选框时，数字会在输入字段td中插入为1,2,3 ...（我想在那些td复选框中插入数字复选框.remaining as空白）

（或）

每当选中复选框时，我都不会显示输入字段td。然后我想对输入字段可见的那些td做数字。

目前，如果td在行中间不可用，则不会插入。

我怎么能这样做？