`
kingmxj
  • 浏览: 185327 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

全选-反选.html

    博客分类:
  • html
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
</HEAD>

<BODY>
    <INPUT TYPE="checkbox" NAME="" id="c" onclick="check_all(this)">
<INPUT TYPE="checkbox" NAME="ids" onclick="check_notall(this)">
<INPUT TYPE="checkbox" NAME="ids"  onclick="check_notall(this)">
<INPUT TYPE="checkbox" NAME="ids"  onclick="check_notall(this)">
<INPUT TYPE="checkbox" NAME="ids"  onclick="check_notall(this)">
<INPUT TYPE="checkbox" NAME="ids"  onclick="check_notall(this)">
</BODY>

<SCRIPT LANGUAGE="JavaScript">
function check_all(obj)
{
    var cs = document.getElementsByName("ids");
    for(var i=0;i<cs.length;i++)
    {
       cs[i].checked = obj.checked;
    }
}

function check_notall(obj)
{
var j=0;
    var cs = document.getElementsByName("ids");
var c = document.getElementById("c");
for(var i=0;i<cs.length;i++)
    {
if(cs[i].checked )
{
j++;
}
     
    }
if(j<cs.length)
{
c.checked =false;
}else{
    c.checked =true;

}


 
}

</SCRIPT>
</HTML>
分享到:
评论

相关推荐

    02_全选-反选.html

    02_全选-反选.html

    02-全选反选-html.html

    02-全选反选-html.html

    04-全选反选.html

    04-全选反选.html

    02-全选反选-js.html

    02-全选反选-js.html

    05-全选反选.html

    05-全选反选.html

    03-全选和反选.html

    03-全选和反选.html

    Checkbox全选反选.html

    Checkbox全选反选.html

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中,Checkbox(复选框)是一种非常常见的用户界面元素,用于收集用户的多选输入。尤其是在表单设计时,Checkbox的全选与反选功能极大地方便了...

    复选框全选和反选.zip

    在"复选框全选和反选"这个压缩包中,可能包含了HTML文件(定义了复选框和页面结构)、JavaScript文件(实现了全选和反选的功能逻辑)、CSS文件(提供了自定义的样式)。解压文件后,你可以查看源代码,学习和理解这...

    JS简单表格列表全选反选代码.zip

    本示例中的"JS简单表格列表全选反选代码"是一个使用原生JS编写的功能,它允许用户通过点击表头按钮来实现表格数据的全选和反选操作。这个功能在处理大量数据时特别有用,例如在用户需要批量操作表格项时。 1. **...

    简单实现全选反选功能(html)

    在网页开发中,全选和反选功能是常见的交互元素,尤其在表格或者多选项列表中,用户可能希望一键选择所有项目或清除已选。在这个案例中,我们将探讨如何使用HTML和jQuery来实现这一功能。 首先,我们需要创建HTML...

    checkbox使用jquery全选-反选-取得选中的值-Housl.zip

    这个压缩包文件"checkbox使用jquery全选-反选-取得选中的值"中应该包含了完整的HTML、CSS和JavaScript代码示例,你可以下载并运行以更好地理解和实践这些功能。通过学习和掌握这些技术,你可以轻松地在项目中实现复...

    demo46-jQuery全选,反选,取消选择.html

    demo46-jQuery全选,反选,取消选择.html

    全选和反选.html

    用js语言简单的实现全选和反选的功能演示,用到css和html和js的基础知识,自己的简单记录

    带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选

    在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...

    checkbox实现全选和反选经典例子

    在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    js, jQuery实现全选、反选功能.docx

    在JavaScript和jQuery中,全选和反选功能是常见的交互设计,主要用于用户界面中的复选框操作。在表格、列表或者其他需要多选的场景中,全选和反选功能能够大大提高用户体验。以下将详细介绍如何使用JavaScript和...

Global site tag (gtag.js) - Google Analytics