`
zhangyou1010
  • 浏览: 299153 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

删除被选中的checkbox对应的行

HTML 
阅读更多 
<SCRIPT LANGUAGE="JavaScript">
<!--
	function deleteRows(){   
    var rows = document.detailForm.detail;   
    var detailTable = document.getElementById("detailTable");   
    for(var i=0; i<rows.length; i++){   
        if(rows[i].checked){   
            detailTable.deleteRow(rows[i].parentNode.parentNode.rowIndex);   
            i--;   
        }   
    }   
}  

//-->
</SCRIPT>
 <BODY>
  <FORM METHOD=POST ACTION="" name="detailForm">
	<TABLE id="detailTable">
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>

	</TABLE>
	<INPUT TYPE="button" VALUE="delete" ONCLICK="deleteRows()">
  </FORM>

刚刚看到逆水行舟中做这样的处理。感觉又学到了些。不过当checkbox只有一个得时候getElementById得到的不是数组。mark下。
分享到：
| 内置SQL函数 学习
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    子窗体checkbox传值给父窗体div

    在父窗体里面点击按钮，弹出子窗体， 查询所有的员工信息，选择复选框checkbox 选择所要的员工， 点击确定， 被选中的值被传入父窗体，并且每个员工前面都有一个 checkbox ， 在父窗体里面选择对应的员工又可以删除

    asp 批量删除选中的多条记录

    ·深度学习网址导航·深度学习整站系统 的后台管理能否增加批量删除功能，如何加：就是列出N篇文章或网址信息，每篇文章或网址前有一个复选框，页面最底下有一个按钮“删除”，多选文章或点击删除，选中的文章或网址...

    asp 批量删除选中的多条记录的实现代码

    ·深度学习网址导航·深度学习整站系统的后台管理能否增加批量删除功能，如何加： 就是列出N篇文章或网址信息，每篇文章或网址前有一个复选框，页面最底下有一个按钮“删除”，多选文章或点击删除，选中的文章或网址...

    jQuery+SpringMVC中的复选框选择与传值实例

    在jQuery中，选中checkbox通用的两种方式： $("#cb1").attr("checked","checked"); $("#cb1").attr("checked",true); 对应的jQuery函数，主要完成三个功能： 1、第一个复选框选中或取消选中，则下面的复选框为全选...

    jQuery无限级树菜单

    取得被选中组的ID数组。 custom_action(evn); 参数： evn:被点击的对象 描述： 用户点击组名称时的动作，由开发人员实现。 $(evn).next().children().val();取得被点击组的ID。 $(evn).text();取得被点击组的...

    Vue-toDoList.github.io:参考todomvc用Vue实现的一个任务清单小功能

    判断是否选中 checkbox进行双向绑定 3.点击新增 点击回车 获取输入的内容 增加到列表中 清空输入框 输入框为空 点击回车没效果 4.点击删除对应的待办事项 点击button 删除对应的那个事项 绑定时 传入下表 ...

    解决Layui选择全部,换页checkbox复选框重新勾选的问题方法

    在项目中发现layui数据表格勾选复选框checkbox的时候，转到新的一页勾选，上一次的勾选不会选中，即没有记忆功能。导致跟后台交互传递参数不全问题。 为了解决此问题，我们可以借助缓存，每勾选一个，保存到缓存变量...

    复选框的且带右键菜单的树代码

    // 则 GridPanel 显示对应分组号的联系人信息 // store.load({params:{flag:'group',groupId:node.id}}); } } } }); // 添加 树的右键菜单 contacterTree.on('contextmenu', menuShow); function ...

    C++MFC教程

    例如有两个窗口共用一个窗口过程代码，你在窗口一上按下鼠标时消息就会通过窗口一的句柄被发送到窗口一而不是窗口二。 5、示例：下面有一段伪代码演示如何在窗口过程中处理消息 LONG yourWndProc(HWND hWnd,UINT ...

    html入门到放弃笔记

    注意：嵌套标记的书写格式 -- 被嵌套的标记要通过一个 缩进键(Tab) 来表示层级关系 Demo : 1、编写一对 body 标记，在body标记中，嵌套一对 div标记，在 div 标记中 ，嵌套一对 a 标记，在 a标记中，嵌套一对 b ...

    C#全能速查宝典

    1.1.18 ReadLine方法——从当前流中读取一行字符 20 1.1.19 typeof运算符——获得系统原型对象的类型 21 1.1.20 using关键字——引入命名空间 22 1.1.21 WriteLine方法——写入流 23 1.2 数学方法类——Math 25 ...

    PT80-NEAT开发指南v1.1

    窗口的创建和删除 ................................................................................................................................ 22 窗口类型 .............................................

    flash shiti

    16.lash能将ASCII代码转换成对应的字符，也可以返回字符对应的ASCII码。Chr表示什么？ A. 转换ASCII码为字符 B. 转换字符为ASCII码 C. 转换字符为海明码 D. 转换海明码为字符 17.Flash 菜单File→Print的快捷...

Magicbox
Global site tag (gtag.js) - Google Analytics