`
zhangyou1010
  • 浏览: 303321 次
  • 性别: 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删除选中记录

    "通过CheckBox删除选中记录"这一主题涉及的是前端或后端编程中的一项常见功能，它允许用户通过勾选一系列选项，然后一次性删除这些被选中的数据记录。以下将详细介绍实现这一功能的关键步骤和相关知识点。 1. **复...

    CheckBox全选并删除

    在全选删除场景下，可以先将所有选中CheckBox的值收集到一个集合中，然后在后台遍历这个集合，根据这些值执行SQL DELETE语句，从而删除对应的数据。 5. 安全性和用户体验： 在实现删除功能时，必须考虑安全性，如...

    listview+checkbox选中删除，全选，item点击

    综上所述，这个"listview+checkbox选中删除，全选，item点击"的Demo涉及到Android开发中的多项核心技能，包括UI组件的使用、数据绑定、事件监听以及性能优化等。开发者需要对这些知识有深入理解才能成功实现这样的...

    checkbox全选，选中数据传到后台

    例如，如果后台返回一个列表对象，`&lt;s:iterator&gt;`会遍历这个列表并为每个元素生成一个对应的HTML行，其中可能包括与每个数据项相关的复选框。 在实现这个功能时，通常会有一个后端接口（如Java的Servlet或Spring ...

    Listview checkbox 单选,多选,删除,单击选择，显示选择结果

    点击CheckBox时，更新其对应数据项的状态，并可能需要同步更新ListView的视觉反馈，比如高亮选中的行。 4. **全选/取消全选**： 提供一个全选按钮，点击时可以遍历数据集，将所有CheckBox设置为选中状态。取消全选...

    vs2003用CheckBox实现DataGrid的多行删除源码.rar

    一旦用户选择了一些行，后台代码会遍历DataGrid，获取选中状态的CheckBox对应的行，并根据行号或者数据绑定的键值从数据源中找到对应的数据记录。 5. **删除操作**：在收集完要删除的行后，需要在数据源中执行删除...

    JS获得选取checkbox整行数据的方法

    总结来说，本知识点详细讲解了如何通过JavaScript获取选中checkbox对应整行数据的方法。通过理解和掌握这些知识点，开发者能够处理更为复杂的用户交互场景，并在实际的项目中灵活运用这些技术。

    C# GridView+CheckBox删除记录

    - 单击“删除”按钮后，删除选中的记录。 #### 四、总结 本篇详细介绍了如何在ASP.NET中使用GridView控件结合CheckBox实现记录的选择和删除功能。通过这种方式，可以极大地提升用户操作的便利性和系统的交互性。...

    滑动删除自定义listview、checkbox点击全显效果等逻辑

    在这里，我们可以处理滑动删除的逻辑，例如删除选中的item，并从数据源中移除对应的项。 在布局文件中，我们需要定义一个包含Button和CheckBox的列表项布局。Button将作为滑动删除的触发器，CheckBox则用于多选。...

    删除ListView选中的item

    点击“删除”按钮时，遍历checkedItems，根据选中状态移除对应的item，并通知adapter数据集已改变，触发视图更新。 ```java public class MainActivity extends AppCompatActivity { private ListView listView; ...

    mvc中checkbox的删除

    4. **批量删除**：在控制器的`Delete`方法中，我们可以使用Entity Framework的`DbSet&lt;T&gt;`集合的`RemoveRange`方法来删除选中的项： ```csharp using (var context = new MyDbContext()) { var entities = ...

    CheckBoxList全选反选添加删除

    删除项则需要找到对应的索引，并移除： ```java void removeItem(String item) { int index = data.indexOf(item); if (index != -1) { data.remove(index); notifyDataSetChanged(); } } ``` 在实际的`...

    用checkbox选择删除数据库中的多条数据

    例如，我们可以使用`document.querySelectorAll('input[type="checkbox"]:checked')`获取所有被选中的复选框，然后读取其`value`属性，这些值通常对应数据库中记录的ID。 一旦获得了要删除的记录ID，就需要与服务器...

    通过在GridView中CheckBox多选的批量删除，经典

    后端处理则需要监听GridView的某个事件，比如Button的Click事件，获取到被选中的CheckBox对应的行数据，然后在服务器端进行批量删除操作。这通常涉及到对DataSource的筛选和数据库的SQL操作。例如，使用Linq to ...

    gridview编辑删除，checkbox单选全选

    设置`HeaderTemplate`显示列标题，`ItemTemplate`中添加Checkbox控件，并绑定`CommandArgument`属性为每行的数据键值，以便识别被选中的行。 - 要实现单选，可以使用一个全局变量或Session存储当前选中项，当其他复...

    复选框选中表格中的行进行删除行操作

    要实现选中复选框后删除对应行的功能，我们需要监听复选框的`change`事件。当用户改变复选框的状态时，触发事件处理函数，检查选中的复选框，并根据其关联的行进行操作。 4. **数据绑定（Data Binding）**： 在...

    Android ListView+checkbox 实现批量删除

    同时，我们需要监听ListView的选择变化，以便知道哪些条目被选中。 ```java ListView listView = findViewById(R.id.list_view); ArrayList&lt;String&gt; items = new ArrayList(); // 填充items ArrayAdapter&lt;String&gt; ...

    ListView CheckBox

    - 实现全选和取消全选功能，通常会添加一个主CheckBox，当它被选中时，所有ListView中的CheckBox都应被选中；反之，所有CheckBox取消选中。 - 当主CheckBox的状态改变时，遍历数据源，更新布尔数组，然后调用`...

    DataGridView标头CheckBox全选反选

    反之，如果没有任何行被选中，`CheckBox`应处于未选中状态。 4. **处理特殊情况**： 如果用户在程序运行过程中手动修改了数据源，例如通过代码或数据库操作改变了行的选中状态，我们需要确保列头的`CheckBox`状态...

    完美解决ListView和CheckBox的焦点冲突及CheckBox的复用问题

    为解决这个问题，我们需要在getView()方法中根据数据模型的状态来设置CheckBox的选中状态，确保每个CheckBox与对应的数据项保持一致。 三、全选、反选功能 实现全选和反选功能，可以添加一个主CheckBox，当用户...

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