`

checkbox 全选与全不选

    博客分类：
  • JS
JavaXHTMLHTML 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> select all or clear all</title> 
<style type="text/css"> 
p {margin:0;font-size:12px;line-height:26px;} 
</style> 
<script type="text/javascript"> 
function check_all(obj,cName) 
{ 
    var checkboxs = document.getElementsByName(cName); 
    for(var i=0;i<checkboxs.length;i++){
    checkboxs[i].checked = obj.checked;} 
} 
</script> 
</head> 
  
<body> 
<p><input type="checkbox" name="all" onclick="check_all(this,'checkbox')" />select all/clear all</p> 
<p><input type="checkbox" name="checkbox" value="" /></p> 
<p><input type="checkbox" name="checkbox" value="" /></p> 
<p><input type="checkbox" name="checkbox" value="" /></p> 
<p><input type="checkbox" name="checkbox" value="" /></p> 
</body> 
</html>
分享到：
| utf-8 中文乱码解决方案
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    checkbox全选与全不选 xml解析导入与导出 IE下点击select的option单击事件

    function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选，并激活一个事件来验证表单 function UnselectAll(form)取消选择 function ExportXML(checkboxName)导出xml模板文件 ...

    checkbox切换全选与全不选

    《锋利的jquery》利用this.checked判断全选与全不选

    Checkbox全选问题

    HtML javascritp checkbox 全选HtML javascritp checkbox 全选

    winform DataGridView表头带CheckBox全选

    通过以上步骤，我们就成功地在`Winform DataGridView`的表头添加了一个`CheckBox`，实现了全选/全不选的功能。这样的设计使得用户可以便捷地对大量数据进行操作，提高了应用的实用性。在实际项目中，可能还需要考虑...

    JQ checkbox 全选和全不选

    "JQ checkbox 全选和全不选"这个主题聚焦于jQuery如何实现复选框的选择功能，特别是全选和全不选的交互效果。这种功能常见于数据表格或列表的筛选中，允许用户一次性选择或取消选择所有项目。 首先，我们需要了解...

    DevExpress 实现checkbox全选效果.rar

    1. **创建界面**：在界面上添加一个`CheckEdit`控件，作为全选/全不选的主开关，并添加一系列的其他`CheckEdit`控件，代表可选的各个项目。 2. **事件绑定**：为全选`CheckEdit`控件的`CheckedChanged`事件绑定事件...

    jquery Checkbox 全选 反选 全不选 多种实现方法

    在涉及到表单元素如复选框（Checkbox）时，经常需要实现全选、反选和全不选的功能。下面将详细探讨 jQuery 如何实现这些功能，以及如何进行表单验证。 1. **全选功能** 要实现全选功能，首先我们需要一个主复选框...

    VB.NET为DataGridView添加CheckBox实现全选全不选复选框

    Datagridview控件没有全选或取消全选的复选框，本资源用VB2015通过扩展DataGridViewColumnHeaderCell类，在列头绘制一个复选框checkbox控件，通过定义checkbox鼠标单击事件来实现行的全选或取消全选。checkbox还可以...

    WPF CheckBox全选、反选比较通用

    本教程将详细介绍如何在WPF中实现CheckBox的全选和反选功能。 首先，我们需要理解CheckBox的基本用法。在XAML中，我们可以创建一个CheckBox并为其设置文本和初始状态： ```xml &lt;CheckBox Content="全选" x:Name=...

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

    这可以通过监听全选Checkbox的`CheckedChanged`事件来实现，然后遍历DataGridView的所有行，设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**：反选意味着取消所有已选中的项。这可以通过再次触发...

    CheckBox全选并删除

    在ASP.NET开发中，CheckBox控件常常用于实现用户界面中的多选功能，而"CheckBox全选并删除"这个主题涉及到两个关键操作：全选和删除。全选功能允许用户一次性选择多个选项，删除则通常指的是从数据库或其他数据存储...

    Checkbox全选反选.html

    Checkbox全选反选.html

    checkbox的全选与取消

    在网页设计中，复选框（Checkbox）是用户界面中不可或缺的一部分，它允许用户对多个选项进行选择。本文将深入探讨“复选框的全选与取消”这一主题，主要基于提供的HTML文件“checkbox.html”。全选和取消功能通常...

    SimpleTree扩展：支持checkbox节点选择(半选、全选、不选)

    在这个特定的主题中，我们关注的是SimpleTree的一个扩展，即对checkbox节点的支持，这允许用户进行半选、全选或不选的操作。 在Web开发中，树形结构常用于展现层次化的信息，如文件系统、组织架构或者菜单导航。...

    jQuery实现CheckBox全选、全不选功能

    废话不多说了，直接给大家贴代码了，具体代码如下所示： &lt;...jQuery实现CheckBox全选、全不选&lt;/title&gt; [removed][removed] [removed] $(function() { $(':checkbox').click(function(evt)

    WPF之CheckBox组的全选设计

    在WPF中，CheckBox全选设计通常涉及以下步骤： 1. **定义枚举**：创建一个枚举类型，表示CheckBox组中的各个选项，并使用Flags特性标记。例如： ```csharp [Flags] public enum CheckBoxOptions { None = 0, ...

    flex Datagrid checkbox全选

    在Flex开发中，Datagrid是一种常用的组件，用于展示表格数据，而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先，我们要了解Flex Datagrid的...

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox复选框JS实现全选、不选、全不选功能，很简单，具体内容如下 思路： 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...

    Js/Jquery 实现checkbox全选，反选，全不选

    在提供的文件“js实现checkbox全选，反选，全不选.htm”中，应当包含了上述功能的具体实现。通过查看源码，我们可以了解到实际的HTML结构以及jQuery脚本是如何与之配合的。这个文件可以作为一个示例，帮助我们更好地...

    三种方式实现checkbox全选，反选

    以下是三种实现Checkbox全选和反选的方法，以及它们的JavaScript和Java实现细节。 ### 方法一：使用`checked`属性 **JavaScript实现**： 在JavaScript中，可以通过获取全选按钮的`checked`属性来控制所有复选框的...

Magicbox
Global site tag (gtag.js) - Google Analytics