一个checkbox,第一个选项是全选。
<li><input id="selectAll_media_Click" class="mtinp" type="checkbox" checked onclick=checkAll_Media_Click(this.checked) /> 全部</li>
<ww:iterator id="obj" value="pagWorkStationMap">
<li>
<input onclick="cancelAll_media_Click(this.checked)" name="items_Media_Click" class="mtinp" type="checkbox" checked value="<ww:property value="key"/>" /> <ww:property value="value"/>
</li>
</ww:iterator>
全选与选不选:
//如果全部选项被click,则将this.checked作为参数传进来。
function checkAll_Media_Click(isChecked)
{
//得到选项的列表
var code_Values = document.getElementsByName("items_media_Click");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox") {
/*将所有选项的checked值与传进来的参数统一。这样如果全选选项被选中与被反选,所
有的选项都会有同样的操作。*/
code_Values[i].checked = isChecked; }
}
}
全选时,如果反选了其中一个选项,全选选项也应该被反选掉。
function cancelAll_media_Click(isChecked)
{
var all=document.getElementById("selectAll_media_Click");
if(isChecked==false){
all.checked=false;
}
}
分享到:
相关推荐
在JavaScript编程中,全选和反选功能是常见的交互元素,尤其在表格或者多选列表中,用户往往希望一键选择或取消所有选项。本话题将深入探讨如何利用JavaScript实现这样的功能,以提升用户体验。 首先,我们需要理解...
JS JS实现全选反选 全选 反选
JS实现全选反选全不选
很好用的使用jquery来实现的通用的全选反选功能
在JavaScript编程中,"全选反选"功能是常见的用户交互设计,常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目,极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...
全选与反选 ()"> 全选 function selectAll() { var checkboxes = document.getElementsByName('item'); for (var i = 0; i ; i++) { checkboxes[i].checked = this.checked; } } ``` ...
"jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...
js全选、反选、取消选择 有代码,很简单!一看就懂
主要适用于全选和反选 共两个按钮一个全选和反选 全选可以实现点击全选后全部被(选中) 再点击全选的时候 就被(取消)了。 当然反选就不用说了 此代码功能很实用·····
在JavaScript编程中,全选、反选和删除选择等功能是网页交互中常见且重要的操作,尤其是在数据表或者多选项列表中。这些功能可以极大地提升用户体验,使得用户能够快速地进行批量操作。以下是对这些概念的详细说明:...
在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...
在JavaScript编程中,全选和反选功能是常见的交互操作,尤其在网页表格或列表中。这个主题涉及到了DOM操作、事件处理以及数组方法。下面将详细解释如何使用JavaScript实现全选和反选功能。 首先,我们需要理解...
"全选不选反选"是网页表单中常见的功能,用户可以通过点击一个按钮实现对复选框的批量选择、取消选择或者反向选择。在jQuery中实现这一功能,主要涉及DOM操作、事件处理和数组方法。 首先,我们需要理解DOM...
总的来说,"JS简单表格列表全选反选代码"是JavaScript基础应用的一个实例,涉及到事件处理、DOM操作、遍历和逻辑判断等多个核心概念,对于初学者和有一定经验的开发者来说,都是一个很好的学习和参考素材。
同时,还需要考虑如何处理用户直接操作单个复选框的情况,确保全选和反选按钮的状态与当前选中项保持一致。 除了前端,全选和反选的概念也广泛应用于后端数据库操作。例如,用户可能需要批量删除或更新一组记录。在...
资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在JavaScript中,可以通过获取全选按钮的`checked`属性来控制所有复选框的...
使用js面向对象思想,实现全选、反选。简单易懂的代码
反选功能与全选类似,但它是将所有已选中的项变为未选中状态。同样,我们可以通过创建一个JavaScript函数来实现: ```javascript function deselectAll() { var checkboxes = document.querySelectorAll('input...
在javaScript 中实现CheckBox的全选与反选