`

全选与改变行背景

阅读更多
<script type="text/javascript">
	function SelectAll(tempControl)
	{
	   var theBox=tempControl;
	   xState=theBox.checked;
	   elem=theBox.form.elements;
	   for(i=0;i<elem.length;i++)
	   {
	     if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
	     {
	       if(elem[i].checked!=xState)
	       {
	         elem[i].click();
	       }
	     }
	   }
	}
	function changecolor(cbo,o)
	{
	  var theBox=cbo;
	  var tr=document.getElementById(o);
	  if(theBox.checked)
	  {
	    tr.style.backgroundColor="Red";
	  }
	  else
	  {
	    tr.style.backgroundColor="#CCCCCC";
	    
	  }
	}
	</script>
分享到:
评论

相关推荐

    jQuery 全选/反选以及单击行改变背景色实例

    在这个实例中,我们关注的是如何使用 jQuery 实现表格中的全选/反选功能以及单击行改变背景色的效果。 首先,我们需要了解基本的 HTML 结构。这里有一个包含多个行的表格,每个行内都有一个复选框。表格的头部有一...

    android listview的全选,反选,取消全选(直接拿来用)

    - **取消全选**:取消全选就是将所有项的选中状态设为false,操作与全选类似,只是将数组的所有值设为false。 4. **实现步骤** - 创建一个boolean类型的数组,长度与Adapter的数据源大小相同,初始化时所有值为...

    AndroidListView全选功能,非CheckBox

    - 在用户点击列表项时,更新这个数据结构,并同步更新列表项的视觉表示(例如,改变背景色或者图标)。 5. **监听列表项点击事件**: - 通过设置`OnItemClickListener`,可以监听列表项的点击事件。 - 在点击...

    ios-自定义编辑全选TableView.zip

    7. **UI反馈**:在用户进行选择时,确保通过改变行的背景色、图像或者文字颜色等方式提供视觉反馈,让用户知道哪些行是被选中的。 通过上述步骤,我们可以实现一个自定义编辑的UITableView,支持全选和单选操作。...

    C#复选框实现全选反选和全不选

    在本教程中,我们将探讨如何利用C#实现复选框来控制DataGridView的数据全选、反选以及全不选,并在选中复选框后改变行的颜色。这将涉及到事件处理、数据绑定、自定义样式等多个方面。 首先,我们需要创建一个包含复...

    简约时尚CSS样式,checkbox 全选或取消全选、或得到选中个数全案例使用详解

    2. 样式属性:改变`checkbox`的边框、背景、尺寸、颜色等,例如`border-radius`用于圆角,`background-color`用于背景色,`width`和`height`调整大小。 3. 隐藏原生`checkbox`:使用`display: none;`隐藏原始的`...

    css3动画智能全选反选

    例如,当状态改变时,可以改变模拟Checkbox的背景色、边框颜色或勾选标记的位置,同时添加过渡效果,使得选中和取消选中的过程更加直观和吸引人。 此外,我们还可以利用CSS3的`@keyframes`规则创建更复杂的动画,...

    纯css实现全选效果

    为了使全选功能与表格紧密结合,可以使用`&lt;th&gt;`元素内的主复选框,并将其与表格中的 `&lt;td&gt;` 元素内的子复选框关联起来。同时,可以使用CSS对表格进行美化,比如调整边框、间距、背景色等,以提升用户体验。 综上所...

    全选并改变TR颜色的javascript实现代码

    本案例提供了一种使用JavaScript来实现全选表格中的行,并根据选择状态改变行背景色的方法。 #### 2. 核心概念解析 - **HTML元素**: 在此示例中主要涉及`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等元素。 - **CSS样式**: 通过`...

    CSS实现表格样式及全选功能

    3. 表头样式:`th`元素代表表头,可以设置`background-color`改变背景色,`font-weight`调整字体粗细,`text-align`设定文字对齐方式。 4. 奇偶行高亮:使用`:nth-child(odd)`和`:nth-child(even)`伪类选择器可以为...

    jQuery 插件 表格高亮显示选中行 全选、反选(四种模式)

    当用户点击表格的某一行时,插件会改变该行的CSS样式,使其背景色变亮,从而突出显示被选中的行。这种视觉反馈有助于用户跟踪他们的选择,特别是在处理大量数据时。 全选和反选功能则进一步增强了用户与表格的互动...

    iOS tableview 全选

    全选功能允许用户一键选择表格视图中的所有行,通常与复选框或切换按钮配合使用。用户点击全选按钮后,所有行的状态会相应改变,以便进行后续的批量处理。 2. **使用Swift实现全选** 在Swift中,我们需要维护一个...

    html css js表单中全选取消反选效果

    在CSS方面,我们可以使用样式来增强表单的视觉效果,例如,为选中的复选框添加背景色或边框,或者在鼠标悬停时改变颜色。下面是一个简单的示例: ```css input[type="checkbox"]:checked { background-color: #e0e...

    UITableView全选功能源码

    8. **动画效果**:为了提升用户体验,可以添加动画效果,比如选中/取消选中时单元格背景色的变化,以及全选按钮的状态切换。 9. **多选模式(Multiple Selection)**:默认情况下,UITableView不支持多选。我们需要...

    jQuery表格行全选反选单选代码.zip

    1. **行选中与反选**:当用户点击表格行时,插件会检测并更改对应行的复选框状态,同时更新其他关联的复选框(如全选/反选按钮)。 2. **多选支持**:通过按住Shift键点击,用户可以实现连续行的多选。这是一种常见...

    Android 带CheckBox的ListView 实现多选,全选,反选,删除效果

    - **用户体验**:提供简洁明了的操作反馈,如改变背景色或文字颜色来突出选中状态。 通过上述步骤,我们可以实现在`Android`应用中带有`CheckBox`的`ListView`,并支持全选、反选和删除等功能。这不仅增强了应用...

    Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行

    高亮显示选中行通常是指改变行的背景色或者边框样式,让用户在视觉上立即识别出哪些行被选中了。这可以通过为CheckBox添加事件处理函数来实现,当CheckBox的选中状态发生变化时,相应的行的样式也会跟着改变。 具体...

    checkbox全选

    6. **数据绑定**:在使用MVVM(Model-View-ViewModel)架构时,如Vue.js,可以将所有复选框的状态绑定到同一个数组,通过改变这个数组实现全选和反选。 7. **性能优化**:当处理大量复选框时,可能需要优化遍历和...

Global site tag (gtag.js) - Google Analytics