首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
firefox
jq
view
cookies
css3
listview
build
hover
chart.js
scroll
上传
svg
node.js
label
vue
vue.js
webkit
chart
chrome
v8
button
postman
ajax
json
hybrid
正则
jquery
textview
charts
requirejs
base64
js
icons
dom
css
html5
scheme
focus
dialog
firebug
checkbox
微信开发
html
console
overflow
layout
yarn
iframe
npm
react
javascript
当前位置:
开发笔记
>
前端
> 正文
jquery实现checkbox全选,反选,全不选等功能代码(奇数)
作者:苦逼的码农 | 来源:互联网 | 2022-03-11 18:30
jquery实现全选,反选,全不选等功能,下面直接以例子进行说明,需要的朋友可以参考下
设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等):
代码如下:
苹果
橘子
香蕉
葡萄
则分别实现相关功能的完整代码如下:
代码如下:
$(function(){
$('#btn1').click(function(){//全选
$("[name='fruit']").attr('checked','true');
});
$('#btn2').click(function(){//全不选
$("[name='fruit']").removeAttr('checked');
});
$('#btn3').click(function(){//反选
$("[name='fruit']").each(function(){
if($(this).attr('checked')){
$(this).removeAttr('checked');
}else{
$(this).attr('checked','true');
}
})
});
$("#btn4").click(function(){//选中所有奇数
$("[name='fruit']:even").attr('checked','true');
})
$("#btn5").click(function(){//获取所有选中的选项的值
var checkVal='';
$("[name='fruit'][checked]").each(function(){
checkVal+=$(this).val()+',';
})
alert(checkVal);
})
});
注意使用 jquery 之前必须要引入 jquery 包哦!
jquery
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
jquery
使用jQuery操作多个div的显示与隐藏
本文介绍了如何利用jQuery实现对网页上多个div元素的显示与隐藏控制,包括基本的toggle方法及更复杂的显示隐藏逻辑。 ...
[详细]
蜡笔小新 2024-11-21 19:38:53
jquery
优化 DOM 以提升 JavaScript 性能
本文探讨了如何通过优化 DOM 操作来提升 JavaScript 的性能,包括使用 `createElement` 函数、动画元素、理解重绘事件及处理鼠标滚动事件等关键主题。 ...
[详细]
蜡笔小新 2024-11-21 18:16:19
jquery
HTML前端开发:UINavigationController与页面间数据传递详解
本文详细介绍了如何在HTML前端开发中利用UINavigationController进行页面管理和数据传递,适合初学者和有一定基础的开发者学习。 ...
[详细]
蜡笔小新 2024-11-20 09:46:39
jquery
高效的JavaScript异步资源加载解决方案
本文探讨了如何通过异步加载技术处理网页中大型第三方插件的加载问题,避免将大文件打包进主JS文件中导致的加载时间过长,介绍了实现异步加载的具体方法及其优化。 ...
[详细]
蜡笔小新 2024-11-19 17:19:15
jquery
使用JavaScript实现Tab栏切换功能
本文将详细介绍如何利用JavaScript实现一个动态的Tab栏切换效果。通过具体的代码示例,帮助读者理解并掌握这一前端技术的应用。 ...
[详细]
蜡笔小新 2024-11-19 14:29:28
jquery
JavaScript 实现图片文件转Base64编码的方法
本文详细介绍了如何使用JavaScript将用户通过文件输入控件选择的图片文件转换为Base64编码字符串,适用于Web前端开发中图片上传前的预处理。 ...
[详细]
蜡笔小新 2024-11-19 12:43:15
jquery
使用 jQuery 实现页面加载进度条
页面加载进度条是提升用户体验的重要工具,通过在页面头部显示一个加载状态,并在页面完全加载后隐藏,可以有效减少用户的等待焦虑。本文将详细介绍如何使用 jQuery 实现这一功能。 ...
[详细]
蜡笔小新 2024-11-18 20:00:09
jquery
jQuery ajax $.get或$.post 实现timeout超时设置的方法
jQuery ajax $.get或$.post 实现timeout超时设置的方法 ...
[详细]
蜡笔小新 2024-11-18 13:48:03
jquery
jQuery 选择器与鼠标事件入门指南
本文介绍了 jQuery 的基本使用方法,包括文档就绪函数和常用的鼠标事件处理,以及各种选择器的详细说明。 ...
[详细]
蜡笔小新 2024-11-17 11:22:23
jquery
Python 爬虫实战:获取京东手机价格和参数
本文通过一个具体的案例,展示了如何使用 Python 爬虫技术从京东网站爬取手机的价格和参数。最近发布的 iPhone X 虽然价格昂贵,但不妨碍我们探索其他高性价比的国产手机。 ...
[详细]
蜡笔小新 2024-11-17 06:52:22
jquery
解决Bootstrap引入问题导致的空白页
本文描述了在使用Bootstrap时遇到的一个常见问题:页面显示为空白。通过详细分析和解决方法,帮助开发者快速定位并解决问题。 ...
[详细]
蜡笔小新 2024-11-17 04:32:42
jquery
利用ChkBugReport工具分析Android Bugreport
本文介绍了如何使用开源工具ChkBugReport来解析和分析Android设备的Bugreport。ChkBugReport能够将复杂的Bugreport转换为易于阅读的HTML报告,并提供详细的图表和分析结论。 ...
[详细]
蜡笔小新 2024-11-16 19:02:02
jquery
web页面报表js下载,web报表软件
web页面报表js下载,web报表软件 ...
[详细]
蜡笔小新 2024-11-16 18:37:21
jquery
如何使用 ASP.NET 和 Vue.js 构建单页面应用并处理复杂组件
作为一名新手开发者,我正在尝试使用 ASP.NET 和 Vue.js 构建一个单页面应用,涉及多个复杂组件(如按钮、图表等)。希望有经验的开发者能够提供指导。 ...
[详细]
蜡笔小新 2024-11-16 18:00:22
jquery
jquery 实现鼠标拖拽元素效果
实现了简单的拖拽效果,没有加边界判断。拖动弹窗****param{*}downDiv将鼠标移入时显示移动图标的元素*param{*}moveDiv移动的元素*f ...
[详细]
蜡笔小新 2024-11-16 16:38:29
苦逼的码农
这个家伙很懒,什么也没留下!
Tags | 热门标签
firefox
jq
view
cookies
css3
listview
build
hover
chart.js
scroll
上传
svg
node.js
label
vue
vue.js
webkit
chart
chrome
v8
button
postman
ajax
json
hybrid
正则
jquery
textview
charts
requirejs
RankList | 热门文章
1
搜索技术【广度优先搜索】简介 分支限界法
2
redis和mysql双写一致_Redis Mysql 双写一致性问题
3
(转)区分可用性和可靠性
4
mysql聚簇索引文件_MySQL聚簇索引和非聚簇索引的对比
5
解锁三星bl锁有几种方法_三星S6解锁教程_三星GALAXY S6怎么解锁Bootloader的方法
6
Elementary OS常见软件(TIM、微信、企业微信)安装(二)
7
福州建设新型智慧城市 两年拟推进17个示范项目
8
尼康单反相机的快门次数可以修改或者清零吗?用到什么软件?直接更换一个全新快门是不是会清零呢?
9
ABAQUS正版软件价格/报价/售价/多少价钱?
10
材料特性
11
铃木锋驭最高优惠锋驭2015款哪里最便宜
12
如何制作可见光传感器模块
13
操作系统学习笔记(1) 进程
14
求个迅雷会员账号,只用一天,绝不改密码!万分感谢!
15
如何用数据解决实际问题?
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有