javascript - 使用 jquery 清除某个 tbody 中所有(包括嵌套的)表单字段的值

Question

我在表中有以下结构，其中包含行以及嵌套在#tbody_name 中的其他表。

<tbody id="tbody_name">
    <tr>
        <td>
             <select>
                <option value="" selected="selected">---------</option>
                <option value="3">Something</option>
                <option value="2">Something else</option>
             </select>
        </td>
    </tr>
    <tr>
        <td>
          <input type="radio" value="0" /> Normal<br>
          <input type="radio" value="1" /> Abnormal<br>
        </td>
    <tr>
        <td>
            <table>
                <tr>
                    <td>
                       <input type="text />
                    </td>
                    <td>
                       <input type="checkbox" />
                    </td>
                </tr>
            </table>
       </td>
   </tr>          
</tbody>

我想做的是编写一个函数，该函数能够清除#tbody_name 中所有表单字段的值。

我曾尝试使用 .children 和 .each，但我似乎无法将其一直归结为 #tbody_name 中的表单字段。

如有任何帮助，我们将不胜感激。

谢谢，

京东

Answer 1

$('#tbody_name').find('input').each(function(){
    if ((this.type === 'radio') || (this.type === 'checkbox'))
    {
        this.checked = false;
    }
    else
    {
        this.value = '';
    }
});

$('#tbody_name').find('select').each(function() {
    this.selectedIndex = 0;
});

编辑: 我只是修复了代码以解决一些相当愚蠢的错误。现在应该可以正常工作了。