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

关于checkbox的全选和反选功能

阅读更多

<html>

<head>

<script type="text/javascript">

function CheckAll(thisForm){

    if(thisForm.select.checked==true){

       for(i=0;i<thisForm.option.length;i++){

            thisForm.option[i].checked=true;

       }

    }else{

        for(i=0;i<thisForm.option.length;i++){

            thisForm.option[i].checked=false;

        }

    }

}

</script>

</head>

<body>

 

<form name="myForm">

<input type="checkbox" name="select" onclick="CheckAll(this.form)">

 

<br />

<input type="checkbox" name="option">苹果<br />

<input type="checkbox" name="option">桔子<br />

<input type="checkbox" name="option">香蕉<br />

<input type="checkbox" name="option">西瓜

</form>

 

</body>

</html>

 

分享到:
评论

相关推荐

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

    在实际项目中,这三种方法都可以有效地实现Checkbox全选和反选功能。选择哪种方法主要取决于项目需求、性能考虑以及开发者的偏好。对于小型项目,前两种纯JavaScript的方法足够;对于大型项目,结合服务器端处理可能...

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

    综上所述,"checkbox实现全选和反选经典例子"是一个关于如何在Web应用中利用Checkbox控件提高用户交互性的实践教程。通过理解Checkbox的基本操作,结合服务器控件的事件处理和逻辑编程,我们可以创建出高效且易于...

    android ListView中的checkBox全选和反选Demo

    综上所述,这个“android ListView中的checkBox全选和反选Demo”主要展示了如何在ListView中集成CheckBox,实现列表项的全选和反选功能,以及如何优化Adapter以提高性能。理解并掌握这些知识点对于Android开发者来说...

    WPF CheckBox全选、反选比较通用

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

    DataGridView标头CheckBox全选反选

    而在这个特定的场景中,我们需要实现一个增强的功能:在`DataGridView`的列头添加一个`CheckBox`,通过这个`CheckBox`可以实现所有行中对应复选框的全选或反选操作。这个功能在数据管理界面中十分常见,例如在批量...

    jquery 一个checkbox控制全选与反选

    页面上通过一个checkbox实现全选与反选

    android checkbox全选反选

    "Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作,包括全选和反选的功能。ListView是Android系统提供的一种列表视图,它可以显示大量数据并允许用户进行交互。下面我们...

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`&lt;input&gt;`标签定义,类型为...

    JS实现checkbox的全选和反选

    资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    checkbox全选,反选,选特定的值

    js原生,checkbox全选,反选,选特定的值。jq会更简单。。初学时候比用的

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

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

    asp.net(C#)DropDownList控件里CheckBox全选、反选和删除

    asp.net(C#),DataList控件里嵌入CheckBox,实现全选、反选以及删除功能。

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    ### Vue+Vant-UI框架实现购物车复选框全选和反选功能 #### 1. 概述 在电商类应用中,购物车模块是用户进行商品选购时的重要组成部分。其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品...

    js实现全选和反选功能

    在JavaScript中,全选和反选功能通常应用于包含多个复选框(checkbox)的表单中。用户可以通过点击一个主复选框来选择或取消选择所有其他复选框。这个功能在网页表格、数据筛选等场景中非常常见,极大地提高了用户...

    checkbox 全选与反选

    综上所述,实现“checkbox全选与反选”涉及到了HTML、CSS和JavaScript的综合运用,尤其在事件处理和状态管理方面。通过合理的编程逻辑和前端框架,我们可以构建出高效且用户体验良好的全选与反选功能。在实际项目中...

    CheckBox实现多选列表,并实现全选、反选功能

    本文将深入探讨如何使用CheckBox来创建一个多选列表,并实现全选和反选的功能。这些功能常见于各种应用,如设置菜单、购物车等,使得用户可以方便地进行多项操作。 首先,我们需要一个ListView来展示列表项。...

    flex datagrid checkbox 全选/反选

    为了实现全选与反选功能,首先需要创建一个自定义的渲染器类`CheckBoxRender`,继承自`CheckBox`。这个类主要用于控制每个单元格中的复选框状态,并且可以监听复选框的状态变化。 ```as public class ...

    Jquery实现全选和反选功能

    本教程将深入探讨如何使用jQuery实现全选和反选功能,这在多选列表或表格中非常常见,例如在批量处理数据时。 全选和反选功能的核心在于同步用户界面中的复选框状态。当用户点击一个主复选框(通常标记为“全选”)...

    checkbox全选、反选、单选(前端)

    总结起来,实现"checkbox全选、反选、单选"功能,主要涉及HTML的`&lt;input type="checkbox"&gt;`标签、JavaScript事件监听以及状态同步。通过合理的事件处理和状态更新,我们可以为用户提供直观且易用的多级复选功能。在...

    C#_WinForm_dataGridView_全选_反选_单选_导出

    C#的WinForm项目的dataGridView控件的CheckBox的全选、全不选、反选、单选、导出全部、仅导出已选择的项目到Excel的功能。简单明了,一看就懂。 我的腾讯微博:http://t.qq.com/djk8888

Global site tag (gtag.js) - Google Analytics