HTML:
获取表格中每行并获取每行中的每列的值
<table id="history_income_list">
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center">11</td>
<td align="center"><a class="" οnclick="history_income_del(this);" href="###">删除</a></td>
</tr>
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center">11</td>
<td align="center"><a class="" href="###">删除</a></td>
</tr>
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center">11</td>
<td align="center"><a class="" href="###">删除</a></td>
</tr>
</table>
JQ:
var trList = $("#history_income_list tr");
for (var i=0;i<trList.length;i++) {
var tdArr = trList.eq(i).find("td");
var history_income_type = tdArr.eq(0).find("input").val();//收入类别
var history_income_money = tdArr.eq(1).find("input").val();//收入金额
var history_income_remark = tdArr.eq(2).text();// 备注
alert(history_income_type);
alert(history_income_money);
alert(history_income_remark);
}
}
获取表格中的单选框:
<table id="tab">
<tr>
<td><input id="X01" name="X01" type="checkbox" value="A0_A" />苹果</td>
</tr>
</table>
<a οnclick="a()">111</a>
<script type="text/javascript">
function a(){
var a2=$('#tab tr');
for (var i=0;i<a2.length;i++) {
var tdArr = a2.eq(i).find("td");
var number = tdArr.eq(0).find("input").is(':checked');//数量
if(number==true){
alert(11);
}else if(number==false){
alert(22);
}
console.log(number)
}
}
</script>