1. 程式人生 > >關於前端遍歷td並且看checkBox是否選中問題

關於前端遍歷td並且看checkBox是否選中問題

現在 row 數據 function val 後臺 這一 tex substr

<table id="detailTable">
<thead>
<th><input style="text-align: center" class="checkbox" type="checkbox" id="quanxuanCheckBox"></th>
<th>姓名</th>
<th>年齡</th>
</thead>
<tbody>
<c:forEach var=‘xusheng‘ items="${list}">
<tr>
<td>
<input class="drlsid" type="checkbox" name="checkboxes" style="text-align: center" checked="checked" value=‘${xuesheng.id}‘>
</td>
<td style="text-align: center" title=‘${xuesheng.name}‘ class="name"> ${xuesheng.name}</td>

<td style="text-align: center" title=‘${xuesheng.age}‘ class="age"> ${xuesheng.age}</td>


</tr>
</c:forEach>
</tbody>
</table>

=================================================================

以上是一個根據後臺傳回數據循環構造的一個table,擁有一個checkBox和姓名,年齡兩列。現在根據checkBox是否選中來獲取學生

var cellNums = document.getElementById("detailTable").rows[0].cells.length//=========================獲取表的列數

$("#detailTable tr").each(function(){//================遍歷detailTable 下的每一個tr

if(($(this).find("input[type=‘checkbox‘]").is(‘:checked‘))&&index!=0){//========$(this)指向的是遍歷到的當前行 index是全局的一個值,因為第一列是表頭不需要
var data={};
i++;
for(var m=0;m<cellNums;m++){
if(m==0){//===================第一列是checkBox,用來獲取學生id
var str=$(this).children(‘td‘).find(‘input‘).attr("value");//====同樣$(this)指向當前行,這一句的意思是當前行的子級td裏面找到input類型的元素,獲取他的值
var className=$(this).children(‘td‘).find(‘input‘).attr("class");
data[className]=str;

}else{
var str=$(this).children(‘td‘).eq(m).html();
var className=$(this).children(‘td‘).eq(m).attr("class");//=========eq(m)的意思是第m-1個元素
if(className=="gllxid"||className=="zblyid"||className=="zjxzid"){
var listRes=str.split("]");
str=listRes[0].substring(1)

}
if(str!==null){
data[className]=str;
}

}

}

list.push(data);

}
index++;
});

關於前端遍歷td並且看checkBox是否選中問題