`

js全选与全不选

    博客分类:
  • js
 
阅读更多

不多说,直接上代码

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 全选全不选 JavaScript 全选全不选

    JS实现全选反选全不选

    JS实现全选反选全不选

    用js代码写全选与全不选

    在JavaScript(JS)中,全选与全不选的功能通常应用于多选列表或者表格中,让用户可以方便地一次性选择或取消所有选项。这个主题对于初学者来说是非常基础且实用的知识点,下面我们将深入探讨如何使用JavaScript实现...

    javaScript实复选框的全选,全不选,反选

    javaScript入门案例之复选框全选,全不选,反选

    js控制复选框全选、全不选

    在JavaScript编程中,"js控制复选框全选、全不选"是一个常见的需求,尤其在数据表或者选项列表中,用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

    jquery全选反选全不选案例

    "jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...

    javascript实现全选全不选

    在JavaScript编程中,“全选”和“全不选”功能是常见的用户交互设计,尤其在数据列表或表格中,用户通常需要快速选择或取消选择所有项目。这些功能可以通过简单的JavaScript代码实现,通常与HTML的复选框(checkbox...

    复选框全选全不选JS代码

    ### 复选框全选与全不选的概念 复选框(Checkbox)是Web表单中常见的元素,用于收集用户的选择数据。当页面中有多个复选框时,全选(Select All)和全不选(Deselect All)功能可以极大地提高用户体验,让用户能够...

    全选与全不选

    javascript里的全选与全不选的制作

    jquery 实现全选,全不选,反选,获取选中的值

    与全选相反,全不选功能用于取消所有子复选框的选择。这可以通过设置 `checked` 属性为 `false` 来实现。我们可以修改上面的全选事件处理函数,添加一个条件判断,当“全选”复选框未被选中时,取消所有子复选框的...

    html JavaScript js复选框的全选,多选,全选,全不选,反选

    这个简单的例子展示了如何在网页中使用JavaScript与HTML复选框交互,提供了基本的全选、多选、全不选和反选功能。实际应用中,你可以根据需求添加更多的逻辑,比如验证用户选择的数量或类型等。通过深入学习...

    js 全选或全不选js 全选或全不选

    ### JS 实现全选与全不选功能 在前端开发中,经常需要处理表单的选择操作,例如在购物车页面中实现商品的全选或全不选功能。本篇文章将详细解析如何通过JavaScript来实现这一功能,并对提供的代码进行深入分析。 #...

    jquery 复选框 全选,全不选

    在上面的代码中,我们有一个ID为`selectAll`的全选复选框和一个ID为`uncheckAll`的全不选按钮。复选框的name属性设为`option`,这样它们将被视为一组。 接下来,我们需要用jQuery来监听这两个按钮的点击事件,并...

    复选框全选、全不选和反选的效果实现.rar

    本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript(JS)实现复选框的全选、全不选和反选功能,这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...

    javasript全选全不选

    javascript实现全选全不选的功能

    asp.net中树的全选 ,全不选 效果,功能强大

    ### ASP.NET中实现树结构全选与全不选功能详解 ...以上代码示例展示了如何通过JavaScript来实现树形结构中复选框的全选与全不选功能。这种方法不仅适用于ASP.NET平台,也可以扩展应用到其他Web开发框架中。

    全选、全不选功能代码

    本文详细介绍了如何使用JavaScript实现网页上的“全选”、“全不选”及“部分选择”的功能。通过分析给定的代码片段,并结合实际需求进行扩展和完善,我们能够构建出更加健壮且易于维护的解决方案。这种技术不仅适用...

    javascript复选框实现批量选择

    实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后在列表下方放置一个“全选/全不选”复选框。 实现批量选择的思路是: 1. 在每条记录前面加一个复选框,该复选框的值为“id|...

    JavaScript案例-js全选和全不选.zip

    这个"JavaScript案例-js全选和全不选.zip"压缩包文件聚焦于一个常见的交互功能:全选和全不选。在网页表单或数据列表中,用户经常需要一次性选择所有项或取消所有项的选择,这一功能就通过JavaScript来实现。 全选...

    复选框、全选、全不选

    使用JavaScript编写复选框的全选和全不选功能。。。。

Global site tag (gtag.js) - Google Analytics