HTML部分 css使用了bootstrap
<div id=""></div>
<button class="btn btn-primary " type="submit" id="add">增加</button>
<button class="btn btn-primary" type="submit" id = "delete">删除</button>
<button class="btn btn-primary" type="submit" id = "save">保存</button>
<table class="table table-bordered" id="table">
<thead>
<tr>
<td>编辑</td>
<td>联系人</td>
<td>部门</td>
<td>联系电话</td>
</tr>
</thead>
<tbody id="tbody">
<tr class="tr">
<td><input type="checkbox" class="choose" ></td>
<td><input type="text" class="name" name="name"></td>
<td>
<input type="text" class="bumen" name="department">
</td>
<td>
<input type="text" class="tel" name="tel">
</td>
</tr>
</tbody>
</table>
JS部分 使用了JQ
$("#save").click(function () {
var result = data();
alert(JSON.stringify(result));
function data() {
var list = new Array();
$("#tbody tr").each(function (index) {
var result ="";
$(this).find("td").each(function (index) {
if (index > 0) {
$(this).find("input[type = text]").each(function () {
result+="\""+$(this).attr("name") + "\":" +"\""+ $(this).val()+"\",";
})
}
})
result="{" + result + "}";
result = eval('(' + result + ')');
list.push(result);
})
console.log(list);
return list;
}
})