js 实现人员基本信息渲染到表格

html代码：

<input type="text" id="uname" ><span id="name"></span>
<br/>
<input type="text" id="utel" ><span id="tel"></span>
<br/>
<input type="radio" value="男" id="man" name="sex">男
<input type="radio" value="女" id="women" name="sex">女
<br/>
<input type="checkbox" value="唱歌" id="song" class="bobby">唱歌
<input type="checkbox" value="游泳" id="swim" class="bobby">游泳
<input type="checkbox" value="爬山" id="pashan" class="bobby">爬山
<br/>
<select name="" id="sel">
    <option value="请选择省">请选择省</option>
    
</select>
<select name="" id="sels">
    <option value="请选择省">请选择市</option>
    
</select>

<div>
    <button id="btn_add" type="button">添加信息</button>
    <button id="btn_del" type="button">删除选中</button>
    <br/>
    <table>
        <tbody id="tb">
            <tr>
                <th>
                    <input type="checkbox" id="cbox">
                    全选