不多说,直接上代码
function choseAllDn(){ var isChecked = document.getElementById("choseAll").checked; if(isChecked){ $("input[name='dn']").each(function(){ $(this).attr("checked",true); }); }else{ $("input[name='dn']").each(function(){ $(this).attr("checked",false); }); } }
<input class="licheckbox" type="checkbox" name="dn" id='dn_<s:property value="dn"/>'/> <input class="licheckbox" type="checkbox" name="dn" id='dn_<s:property value="dn"/>'/> <input class="licheckbox" type="checkbox" name="dn" id='dn_<s:property value="dn"/>'/> <span><input id="choseAll" class="licheckbox" type="checkbox" onclick="choseAllDn()"/></span><span>全选</span>
注意,document.getElementById("choseAll").checked 拿到的值和 jquery方式做同样的操作拿的值,有可能不同,详见http://blog.csdn.net/ningxi_/article/details/7165040,
还有,不能在那个function choseAllDn里面定义isCheckEd为 boolean类型,要定义成var
相关推荐
JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选
JS实现全选反选全不选
在JavaScript(JS)中,全选与全不选的功能通常应用于多选列表或者表格中,让用户可以方便地一次性选择或取消所有选项。这个主题对于初学者来说是非常基础且实用的知识点,下面我们将深入探讨如何使用JavaScript实现...
javaScript入门案例之复选框全选,全不选,反选
在JavaScript编程中,"js控制复选框全选、全不选"是一个常见的需求,尤其在数据表或者选项列表中,用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...
"jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...
在JavaScript编程中,“全选”和“全不选”功能是常见的用户交互设计,尤其在数据列表或表格中,用户通常需要快速选择或取消选择所有项目。这些功能可以通过简单的JavaScript代码实现,通常与HTML的复选框(checkbox...
### 复选框全选与全不选的概念 复选框(Checkbox)是Web表单中常见的元素,用于收集用户的选择数据。当页面中有多个复选框时,全选(Select All)和全不选(Deselect All)功能可以极大地提高用户体验,让用户能够...
javascript里的全选与全不选的制作
与全选相反,全不选功能用于取消所有子复选框的选择。这可以通过设置 `checked` 属性为 `false` 来实现。我们可以修改上面的全选事件处理函数,添加一个条件判断,当“全选”复选框未被选中时,取消所有子复选框的...
这个简单的例子展示了如何在网页中使用JavaScript与HTML复选框交互,提供了基本的全选、多选、全不选和反选功能。实际应用中,你可以根据需求添加更多的逻辑,比如验证用户选择的数量或类型等。通过深入学习...
### JS 实现全选与全不选功能 在前端开发中,经常需要处理表单的选择操作,例如在购物车页面中实现商品的全选或全不选功能。本篇文章将详细解析如何通过JavaScript来实现这一功能,并对提供的代码进行深入分析。 #...
在上面的代码中,我们有一个ID为`selectAll`的全选复选框和一个ID为`uncheckAll`的全不选按钮。复选框的name属性设为`option`,这样它们将被视为一组。 接下来,我们需要用jQuery来监听这两个按钮的点击事件,并...
本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript(JS)实现复选框的全选、全不选和反选功能,这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...
javascript实现全选全不选的功能
### ASP.NET中实现树结构全选与全不选功能详解 ...以上代码示例展示了如何通过JavaScript来实现树形结构中复选框的全选与全不选功能。这种方法不仅适用于ASP.NET平台,也可以扩展应用到其他Web开发框架中。
本文详细介绍了如何使用JavaScript实现网页上的“全选”、“全不选”及“部分选择”的功能。通过分析给定的代码片段,并结合实际需求进行扩展和完善,我们能够构建出更加健壮且易于维护的解决方案。这种技术不仅适用...
实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后在列表下方放置一个“全选/全不选”复选框。 实现批量选择的思路是: 1. 在每条记录前面加一个复选框,该复选框的值为“id|...
这个"JavaScript案例-js全选和全不选.zip"压缩包文件聚焦于一个常见的交互功能:全选和全不选。在网页表单或数据列表中,用户经常需要一次性选择所有项或取消所有项的选择,这一功能就通过JavaScript来实现。 全选...
使用JavaScript编写复选框的全选和全不选功能。。。。