`
JAVA海洋
  • 浏览: 617995 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

页面全选

 
阅读更多
function checkAll(){
var objs = document.getElementsByTagName("input");
for(var i = 0; i < objs.length;i++){
if(objs[i].type.toLowerCase()=="checkbox"){
objs[i].checked=true;
}
}
}

function uncheckAll(){
var objs = document.getElementsByTagName("input");
for(var i = 0; i < objs.length;i++){
if(objs[i].type.toLowerCase()=="checkbox"){
objs[i].checked=false;
}
}
}

function doChangeCheckStatus(obj){
if(obj.checked==true){
uncheckAll();
}else{
checkAll();
}
}
<input type="checkbox" name="vegetable" onclick="doChangeCheckStatus(this);">全选
分享到:
评论

相关推荐

    页面中全选

    实现全选 全部选的功能 $("#btnAllNotChk").click(function () { $("#chk input:checkbox").removeAttr("checked"); });

    地址栏收藏夹图标设置页面禁止全选复制粘贴及右键

    Java项目,在MyEclipse中跑,没什么要求, 没有一句Java代码,全部是...3、页面全选被屏蔽; 4、防止复制; 5、鼠标右键被屏蔽; 6、输入法被屏蔽; 7、粘贴被屏蔽; 每个功能 1 分,很合理,O(∩_∩)O谢谢合作 QQ:83433857

    搜索界面和二级列表带全选,反选的数据同步

    本主题聚焦于“搜索界面和二级列表带全选,反选的数据同步”这一技术点,这通常涉及到数据绑定、多级列表的交互以及搜索结果的实时更新。下面将详细阐述相关知识点。 1. **ListView嵌套ListView**: 在移动应用中...

    javascript复选框实现批量选择

    2. 在列表下方放置一个“全选/全不选”复选框,当选中“全选/全不选”复选框后,列表中的所有复选框都选中,当取消“全选/全不选”复选框后,列表中的所有复选框都取消选中。 3. 当列表中的复选框都取消选中后,...

    vue 实现搜索的结果页面支持全选与取消全选功能

    以上就是一个基本的Vue.js实现搜索结果页面全选与取消全选功能的完整示例。它涵盖了从数据筛选、去重、全选逻辑到已选中列表的管理,确保了功能的完整性和准确性。在实际应用中,可能还需要考虑其他细节,如分页、...

    ExpandableListView实现购物车页面

    在Android应用开发中,"ExpandableListView实现购物车页面"是一个常见的需求,它涉及到用户界面设计、数据管理和交互。ExpandableListView是Android SDK提供的一种可扩展的列表视图,允许用户展示分组数据,每组内...

    jquery 页面全选框实践代码

    需要注意的是,此代码示例依赖于jQuery库(版本1.3.2),需确保在页面中引入。实际应用时,可能需要根据项目需求更新jQuery版本或使用CDN链接。 总结一下,这个jQuery全选框实践代码提供了一种便捷的方法来实现全选...

    jsp页面的全选 选不选 反选功能事例

    jsp页面的全选 选不选 反选功能事例 直接给标签起一样的name 然后可以直接用

    C# Winform DatagridView 分页及 全选/ 取消全选 功能

    在C#中,你可能需要创建一个事件处理程序来控制数据的加载和切换页面。 以下是一般的步骤: 1. 创建一个`DataGridView`控件,并设置其数据源。 2. 计算每页显示的数据数量(例如,10条)。 3. 计算总页数(总记录数...

    地址栏收藏夹图标页面禁止选中复制粘贴及右键点击

    Java项目,在MyEclipse中跑,没什么要求, 没有一句Java代码,全部是...3、页面全选被屏蔽; 4、防止复制; 5、鼠标右键被屏蔽; 6、输入法被屏蔽; 7、粘贴被屏蔽; 每个功能 1 分,很合理,O(∩_∩)O谢谢合作 QQ:83433857

    PPT中清除文本的小工具

    原始的方法是页面全选,然后一个个检查,非常麻烦。有了这个小工具,可以瞬间 一次性清除所有PPT上空的文本框。 一.临时使用安装: 1.解压下载的文件。 1.打开需要修改的PPT,将安全设置中宏的安全性设置为中。 2....

    微信小程序实现多选框全选与取消全选功能示例

    `selectall` 函数是处理全选/取消全选的事件,它遍历 `listData` 数组,根据当前 `select_all` 的值来切换每个项的 `checked` 状态,并更新页面数据。 WXML部分是页面的结构,这里使用了 `&lt;checkbox-group&gt;` 组件来...

    Recyclerview item上CheckBox,包括全选,取消全选,单选功能

    本文将深入探讨如何在RecyclerView的item上添加CheckBox,并实现全选、取消全选以及单选功能。 首先,我们需要创建一个自定义的RecyclerView Adapter。Adapter是连接数据源与RecyclerView的关键,它负责将数据转化...

    JQ 最少代码实现全选和不全选

    全选功能是指用户点击一个主选框(通常标记为“全选”或“全选所有”),可以同时选中页面上所有的子选框。不全选则是反向操作,取消所有已选中的子选框。这种功能提高了用户操作的效率,尤其当子选框数量庞大时。 ...

    微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能

    点击全选 再次点击全选框 wxml关键代码 重要代码 value={{item.goods_id}} --&gt;checkbox被选中的值就是这个goods_id checked={{item.checked}} --&gt;checked代表选中与否 ,ture选中,false未选中 //删除...

    jQuery实现简单全选框

    本文实例为大家分享了jQuery实现简单全选框的具体代码,供大家参考,具体内容如下 1.要求: (1)实现全选框勾选时其他复选框全部选中,全选框...input type=checkboxid=checkedAll value=全选 /&gt;全选 学号&lt;/t

    购物车的全选,全不选,局部全选,全选判定

    这需要在购物车页面提供更细致的筛选条件。例如,用户可以选择“苹果”品牌的商品全选。实现时,可以添加过滤条件,只改变符合条件的商品选中状态。前端需要处理更复杂的逻辑,而后端则需处理更精准的更新请求。 四...

    常用的js全选checkbox按钮的功能

    在网页开发中,JavaScript(简称JS)是一种必不可少的脚本语言,它被广泛用于实现页面上的交互性功能。本文将详细讲解如何利用JS实现“全选”checkbox按钮的功能,这在许多网页表单中非常常见,例如批量选择、批量...

    CSS实现表格样式及全选功能

    4. CSS美化:最后,可以通过CSS调整复选框的样式,使其更符合页面整体设计。 ```css input[type="checkbox"] { /* 自定义样式 */ } ``` 总结,通过CSS我们可以让表格看起来更加美观,而JavaScript则能帮助我们...

Global site tag (gtag.js) - Google Analytics