管理该分类下的供应信息：（这是一个代码备份）
发上来才发现 选择select 的时候，应该判断一下select的选中项是否为""，不为空且点选信息的话，就提交。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>管理该分类下的供应信息</title>
<style type="text/css">
body{margin:0;padding:50px 0;text-align:center;}
table,table td{margin:0 auto;padding:0;}
.def_tab{text-align:left;}
.def_tab thead{background:#c4d6c4;}
.def_tab tr td.cx{width:20px;}
.def_tab tr td.ci{}
.def_tab tr td{cursor:pointer;padding:2px 5px;border:1px solid #fff;}
.def_tab tr:hover td{background-color:#F0F0F0;}
.def_tab tr.selected td, .def_tab tr.selected:hover td{background-color:#ffffef;}
</style>
<script type="text/javascript">
//checkbox selected
function checkboxChangClass(checkNode, checkboxFlag){
//alert(checkNode.checked);
//IE不支持parentNode，只支持parentElement，而parentNode是标准的
var currentTR = document.all?checkNode.parentElement.parentElement:checkNode.parentNode.parentNode;
//alert(currentTR.nodeName);
if(checkboxFlag){
currentTR.className = 'selected';
}else{
currentTR.className = '';
}
}
//checkbox selected all
function checkAll(obj, checkName){
var checkElements = document.getElementsByName(checkName);
var checkboxFlag = obj.checked;
//alert(checkboxFlag);
var i = checkElements.length;
while(--i>=0){
if(checkElements[i].checked == !checkboxFlag){
checkElements[i].checked = checkboxFlag;
checkboxChangClass(checkElements[i], checkboxFlag);
}
}
}
//form submit
function formSubmit(formId, checkName){
var checkElements = document.getElementsByName(checkName);
var i = checkElements.length;
var flag = false;
while(--i>=0){
if(checkElements[i].checked == true){
flag = true;
break;
};
}
if(flag == false){
alert('请点选您所要操作的信息!');
}else{
document.getElementById(formId).submit();
}
}
</script>
</head>
<body>
<form id="my_form" action="#" method="post">
<table class="def_tab" width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<td class="cx"><input type="checkbox" title="选中/取消选中" onclick="checkAll(this,'infoid');"></td>
<td><select onChange="formSubmit('my_form','infoid');"><option value="">移动到...</option><option value="0">未自定义分类</option></select></td>
</tr>
</thead>
<tbody>
<tr>
<td class="cx"><input type="checkbox" value="1" name="infoid" onClick="checkboxChangClass(this, this.checked);" /></td>
<td class="ci">关于我们第一次难忘的爬山经历。。。1</td>
</tr>
<tr>
<td class="cx"><input type="checkbox" value="2" name="infoid" onClick="checkboxChangClass(this, this.checked);" /></td>
<td class="ci">关于我们第一次难忘的爬山经历。。。2</td>
</tr>
<tr>
<td class="cx"><input type="checkbox" value="3" name="infoid" onClick="checkboxChangClass(this, this.checked);" /></td>
<td class="ci">关于我们第一次难忘的爬山经历。。。3</td>
</tr>
<tr>
<td class="cx"><input type="checkbox" value="4" name="infoid" onClick="checkboxChangClass(this, this.checked);" /></td>
<td class="ci">关于我们第一次难忘的爬山经历。。。4</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
分享到：
相关推荐
Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选
全选功能的实现，一般需要一个额外的CheckBox作为全选按钮。当全选按钮被选中时，所有列表项的CheckBox都应被选中；反之，全部取消选中。 ```java // 全选按钮的点击事件 selectAllCheckbox....
3. **全选CheckBox**：创建一个全选CheckBox，其IsChecked属性绑定到一个表示所有选项的枚举值。当全选CheckBox被选中时，所有子CheckBox的IsChecked应设置为全选值；反之则取消所有子CheckBox的选择。 4. **事件...
这可以通过监听全选Checkbox的`CheckedChanged`事件来实现，然后遍历DataGridView的所有行，设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**：反选意味着取消所有已选中的项。这可以通过再次触发...
1. `checkbox`关联：为全选`checkbox`添加一个特定的ID，如`#selectAll`，并将其与其他`checkbox`通过类名关联，如`class="selectItem"`。 2. JavaScript事件监听：使用`addEventListener`监听`change`事件，当全选`...
全选功能通常是通过一个主复选框来实现的，当用户点击这个主复选框时，所有相关的子复选框会被自动选中或取消。这需要用到JavaScript或者jQuery来实现交互逻辑。例如，我们可以添加一个主复选框并监听其`change`事件...
在IT领域，特别是前端开发中，使用jQuery来操作DOM元素是一种常见的实践，特别是在处理复选框（checkbox）的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能，通过分析给定代码片段，提炼出关键...
"C#_winform_GridView_CheckBox_多选_全选"这个主题就专门探讨了如何在WinForm的GridView中实现复选框的多选和全选功能。 首先，我们需要理解GridView的基本用法。GridView是.NET Framework中的System.Windows....
本话题主要关注如何实现当一个全局的CheckBox被勾选时，ListView中的所有CheckBox也随之被勾选，反之，如果ListView中的任意一个CheckBox未被勾选，则全局CheckBox也会自动取消勾选。这个功能通常用于实现全选/全不...
当我们需要在数据表中实现多选功能时，通常会在表头添加一个`Checkbox`，以实现全选或反选所有行的功能。这个过程涉及到事件处理、控件交互以及UI设计等多个方面的知识点。 首先，我们需要在`DataGridView`的表头行...
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
为了方便用户操作，往往需要实现“全选”功能，即通过一个控制按钮来控制一组Checkbox的选择状态。本文将详细介绍几种实现Checkbox全选的方法。 #### 方法一：通过事件监听实现全选 这种方法通过JavaScript来实现...
在这个特定的场景中，我们关注的是如何在`DataGridView`的表头添加一个`CheckBox`，以便实现全选和全不选的功能。这将大大提升用户体验，使得用户可以快速地对所有行进行操作，如批量删除、更新等。 首先，我们需要...
而CheckBox则是RecyclerView中的一个元素，常常用于实现多选、全选等交互功能。本文将深入探讨如何在RecyclerView的item上添加CheckBox，并实现全选、取消全选以及单选功能。 首先，我们需要创建一个自定义的...
在需要显示复选框的地方，使用 `checkbox` 标签创建单个复选框，同时添加一个全选按钮，如： ```html <input id="selectAll" type="checkbox" onclick="toggleCheckboxes()" /> <input class="checkbox" ...
CheckBox控件表明一个特定的状态（即选项）是选定 (on，值为1) 还是清除 (off，值为0)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为 CheckBox 彼此独立工作，所以用户可以同时选择任意...
当这个全选CheckBox被选中时，所有行的IsSelected属性应该被设置为true；反之，则设置为false。这可以通过事件处理和MVVM（Model-View-ViewModel）模式或者代码-behind实现。例如，在MVVM中，ViewModel可以有一个`...
在网页开发中，Checkbox（复选框）是用户界面中常用的一种元素，它允许用户从多个选项中选择一个或多个。全选和反选功能在多选列表中尤其常见，例如在批量操作或者多条件筛选时。以下是三种实现Checkbox全选和反选的...
Datagridview控件没有全选或取消全选的复选框，本资源用VB2015通过扩展DataGridViewColumnHeaderCell类，在列头绘制一个复选框checkbox控件，通过定义checkbox鼠标单击事件来实现行的全选或取消全选。checkbox还可以...
在提供的RAR文件"DevExpress 实现checkbox全选效果"中，可能包含了实现这个功能的代码示例。这些示例代码可能包含了窗体设计、控件初始化、事件处理函数等内容，通过阅读和理解这些代码，你可以学习到如何在...