JS -- 获取checkbox选中的值

最新推荐文章于 2025-05-13 15:55:01 发布

Rabbiter | 正华心琴站

最新推荐文章于 2025-05-13 15:55:01 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JAVAScript

本文链接：https://blog.youkuaiyun.com/weixin_43636289/article/details/89812008

JAVAScript 专栏收录该内容

3 篇文章

订阅专栏

博客主要展示了JS代码和HTML代码，这两种代码在前端开发中十分重要，JS可实现交互效果，HTML用于构建网页结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js代码

var table = $("#removedeparttable");
  var checkbox = $("table input[type=checkbox]:checked");// 在table中找input下类型为checkbox属性为选中状态的数据
  var d_id = new Array($("input[type='checkbox']:checked").length);
  var i = 0;
  checkbox.each(function() {		// 遍历checkbox里的内容
   var row = $(this).parent("td").parent("tr");		// 根据this的表获取行
   d_id[i++] = row.find("[name='d_id']").html();     // 获取一行中name='d_id'的列的值
  });

HTML代码

<table class="table" id="removedeparttable">
         <tr>
          	<td></td>
          	<td>学院ID</td>
          	<td>学院名称</td>
          	<td>包含专业数</td>
         </tr>
         <c:forEach items="${departDic}" var="depart" varStatus="loop">
	          <tr>
	           	<td><input class="checkbox" type="checkbox"></td>
	           	<td name="d_id">${depart.d_id }</td>
	           	<td name="d_name">${depart.d_name }</td>
	           	<td>${pronumArray[loop.count-1] }</td>
	          </tr>
	 </c:forEach>
</table>