<script type="text/javascript">
function showuml(){
//选出对应的input checked
var items = $('input[@name=uml][@checked]');
for(var i = 0; i < items.length; i++ ) {
//得到父结点对应的所有子结点
var input = items.eq(i).parent().nextAll();
for(var j = 0; j<input.length;j++) {
//打印出信息
alert(input.eq(j).html());
}
}
}
</script>
HTML 信息
<!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-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../common/jquery/jquery.js"></script>
<script type="text/javascript">
function showuml(){
var items = $('input[@name=uml][@checked]');
for(var i = 0; i < items.length; i++ ) {
var input = items.eq(i).parent().nextAll();
for(var j = 0; j<input.length;j++) {
alert(input.eq(j).html());
}
}
}
</script>
<title>无标题文档</title>
</head>
<body>
<table width="100%" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input name="uml" type="checkbox" id="checkbox" checked="checked" /></td>
<td>22221111</td>
<td>22222222</td>
<td>2222333</td>
<td>22224444</td>
</tr>
<tr>
<td><input type="checkbox" name="uml" id="checkbox2" /></td>
<td>333</td>
<td>333</td>
<td>3333</td>
<td>33333</td>
</tr>
<tr>
<td><input type="checkbox" name="uml" id="checkbox3" /></td>
<td id="qw">33444</td>
<td>444</td>
<td>444</td>
<td>44444</td>
</tr>
<tr>
<td><input type="checkbox" name="uml" id="checkbox4" /></td>
<td>5555</td>
<td>5555</td>
<td>555</td>
<td>555</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><label>
<input type="submit" onclick="showuml()" name="button" id="button" value="提交" />
</label> </td>
<td> </td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
本篇文章将详细探讨WPF中CheckBox多选的应用，以及如何实现这一功能。 首先，我们需要了解WPF中的CheckBox基本属性和事件。CheckBox的IsChecked属性表示其当前是否被选中，这是一个布尔类型的依赖属性。当选中时，...
本文将深入探讨如何在ListView中实现Checkbox多选功能，以及相关的Android编程技巧。 首先，我们需要创建一个自定义的ListView adapter。这个adapter将负责渲染每一项数据，并在每一项中包含一个Checkbox。在Java...
在本文中，我们将深入探讨如何使用AngularJS实现一个功能完备的复选框（checkbox）系统，包括多选、全选和反选功能。这个系统的一个关键特性是它完全基于AngularJS，无需依赖其他源数据，因此可以确保原始数据的完整...
本篇文章将详细探讨如何在ListView中结合Checkbox实现多选功能。 ### 1. ListView的基本使用 首先，我们需要了解ListView的基础用法。在布局文件中声明ListView，并在Java代码中找到对应的View对象，然后通过...
实现CheckBox多选功能的第一步是创建一个自定义的ListView布局文件。这个布局通常包含一个TextView用于显示文本信息，以及一个CheckBox用于选择。例如，你可以创建一个名为`list_item.xml`的布局文件： ```xml ...
本文将深入探讨如何使用JavaScript实现checkbox的多选功能，主要分为两种常见方法：iframe嵌套和利用cookies。 一、iframe下的多选方法 iframe，即内联框架，可以在一个HTML页面中嵌入另一个HTML页面。在处理多选...
在给定的“ExpandableListView+CheckBox多选功能”主题中，我们将探讨如何将这两个组件整合，创建一个既具有扩展性又支持多选操作的用户界面。 首先，我们需要理解`ExpandableListView`的基本工作原理。`...
在很多场景下，比如设置界面、列表选择等，我们常常需要实现Checkbox的多选和全选功能，这使得用户能够方便地批量操作。本教程将详细讲解如何在Android应用中实现Checkbox的多选全选功能。 首先，我们需要了解...
本文将深入探讨如何使用jQuery来实现复选框（checkbox）的选中和取消选中功能，以及如何处理多选的情况。 首先，我们需要理解HTML中的`<input>`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...
"listview checkbox 多选反选取消"的标题描述了一个具体的实践案例，即在一个包含Checkbox的ListView中实现多选、反选以及取消选择的功能。下面我们将深入探讨这个知识点。 首先，我们需要创建一个自定义的ListView...
本教程将深入探讨如何使用CheckBox实现多选、全选和反选功能，这对于构建具有选择列表的应用非常关键。 首先，我们从基础开始。CheckBox的用法很简单，通常在XML布局文件中定义： ```xml <CheckBox android:id="@...
html checkbox cash 表单提交checkbox 多选
### radiobutton 控制 checkbox 多选 (js 实现) 在 Web 开发中，表单是与用户交互的重要组成部分。为了实现更加灵活的功能，有时我们需要利用 JavaScript 来控制表单元素的状态，例如通过单选按钮（`...
该资源主要应用于layui框架下table表格渲染后判断checkbox多选控件是否可用，当然done下还可以做其他逻辑判定，附上源码，绝对可用。
"通过在GridView中CheckBox多选的批量删除"就是一个典型的需求，它涉及到前端交互和后端处理两个主要方面。 前端交互主要是通过在GridView的每一行添加一个CheckBox，让用户可以勾选需要操作的数据项。这需要对...
在网页中很多时候会用到CheckBoX的多选和反选．比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选，下面笔者就为大家介绍一下如何实现这样的网页效果
checkbox多选
"带checkbox的多选下拉框"是一种常见的需求，它允许用户在下拉菜单中通过勾选复选框来选择多个选项。本知识点主要探讨如何在C#中实现这种控件，并将它应用到实际项目中。 首先，我们需要了解基本的Windows Forms...
JQuery带checkbox多选的下拉列表,功能非常强大，浏览器兼容性也很强, 浏览器兼容性如下： IE 7+ Chrome 8+ Firefox 10+ Safari 3+ Opera 10.6+ 调用非常强大，扩展性也很强
为了增强用户体验，我们经常需要在ListView中集成Checkbox，实现单选或多选功能。本教程将详细讲解如何使用ListView与Checkbox结合，来实现这样的功能。 首先，我们需要在ListView的适配器（Adapter）中创建一个...