关于前端遍历td并且看checkBox是否选中问题

<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++;
});

时间: 2024-10-11 22:13:11

关于前端遍历td并且看checkBox是否选中问题的相关文章

jq、js中判断checkbox是否选中

最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在??? 1.JS中判断checkbox是否被选中 对于在js中来判断checkbox是否被选中很简单,举个??来说 HTML代码: <input type="checkbox" name="box"> 相应的javascript代码如下: var check =

checkbox的选中、全选、返选、获取所有选中的值、所有的值、单选全部时父选中

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><h

jQuery实现table中两列CheckBox只能选中一个

//html <table id="unit"> <tr> <th>选项一</th> <th>选项二</th> <th>姓名</th> </tr> <tr> <td><input type="checkbox" /></td> <td><input type="checkbox&quo

JQuery判断checkbox是否选中-批量

在html的checkbox里,选中的话会有属性checked="checked". 如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"! 如果没被选中,打印出的是"undefined".觉得很奇怪是吗?继续看下去- 不

checkbox:获取选中的checkbox

checkbox:获取选中的checkbox 1,function CheckInput() {var _nCount = 0;$("#box1").find(":checkbox:checked").each(function () {_nCount++;});} 2.,if (!$("input[type='checkbox']").is(':checked')) { top.alert("请您选择变更申请项目"); re

jquery获取checkbox被选中的值

只用一个循环,就可以找出被选中的checkbox的值 var s; $("[name = b]:checkbox").each(function () {                   if (this.checked) {                       s += $(this).val() + "|";                   }               });alert(s); 这样就可以了 jquery获取checkbox被

jQuery获取动态表格中checkbox被选中一行的属性数据

http://www.jianshu.com/p/0ec66caf4c40 jQuery获取表格中checkbox被选中一行的属性数据

让checkbox不选中

今天在做项目的时候.遇到一个问题.须要把选中的checkbox置空,即将选中的checkbox不选中. 最后,发现一个方法非常好使,特此记录. $("input[type='checkbox']").each(function(){ if(this.checked){ this.checked=false; } }); 原理:循环每个type为checkbox的input,若其是选中状态,就将他的checked属性置为false就ok了. 当然,若要实现反选的效果.再加一点就好了. 代

JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-