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

Html:

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复选框中插入数字。保留为空

或

当复选框未选中时，我不会显示输入字段td。然后我想对输入字段可见的td进行编号

当前，若td在行中间不可用，则不会插入

我怎么能做到

<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>

<script>
    function insert_numbers() {
        $("[id$=getindex]").each(function(index) {
            $(this).val(index + 1)
        })
    }
</script>