jQuery：1.5.1，复选框应用(全选，全不选，反选，提交选中的值，全选/全不选)...
| ylbtech-jQuery:jQuery学习 |
jQuery语法实例
- 复选框应用效果截图
| jQuery：1.5.1,复选框应用(全选，全不选，反选，提交选中的值，全选/全不选)HTML代码返回顶部 |
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title><script src="js/jquery.js" type="text/javascript"></script><script type="text/javascript">$(function () {//1，全选
$("#checkedAll").click(function () {$("[name=items]:checkbox").attr('checked', true);});//2，全不选
$("#checkedNo").click(function () {$("[name=items]:checkbox").attr('checked', false);});//3，反选
$("#checkedRev").click(function () {$("[name=items]:checkbox").each(function () {//$(this).attr('checked', !$(this).attr('checked')); //方式一 this.checked = !this.checked; //方式二
});});//4,全选/全不选
$("#checkedAllOrNo").click(function () {$("[name=items]:checkbox").attr("checked", this.checked);});//5,提交选中的值
$("#send").click(function () {var str = "选中的项是：\n\r";$("[name=items]:checkbox:checked").each(function () {str += $(this).val() + '\n\r';});alert(str);});});</script>
</head>
<body>
<form>
你喜欢的运动？<br />
<label><input name="items" type="checkbox" value="football" />football</label><br />
<label><input name="items" type="checkbox" value="basketball" />basketball</label><br />
<label><input name="items" type="checkbox" value="pingpang" />pingpang</label><br />
<label><input name="items" type="checkbox" value="baseball" />baseball</label><br />
<a id="checkedAll" href="javascript:void(0);">全选</a>-
<a id="checkedNo" href="javascript:void(0);">全不选</a>-
<a id="checkedRev" href="javascript:void(0);">反选</a>-<a id="send" href="javascript:void(0);">提交选中的值</a>-
<label for="checkedAllOrNo">全选/全不选</label>
<input id="checkedAllOrNo" type="checkbox" />
</form>
</body>
</html>| jQuery：1.5.1.B,效果截图返回顶部 |
|
|
作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 |
转载于:https://www.cnblogs.com/ylbtech/archive/2013/01/24/2875351.html
jQuery：1.5.1，复选框应用(全选，全不选，反选，提交选中的值，全选/全不选)...相关推荐
- html中的数字选框,带有复选框和数字类型的HTML表单提交与PHP？
为了学习的目的,我在做这个网站,用户可以选择一些项目和他想要的单位数量,假设这是最简单的购物应用程序.带有复选框和数字类型的HTML表单提交与PHP? 于是,我从数据库中读取在目录中的现有项目: $q ...
- Vue3多选框（Checkbox）
可自定义设置以下属性: 复选元素数据(options),必传,类型:Array<{label: string, value: any, disabled?: boolean}> 是否禁用所 ...
- php ajax勾选框提交,jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...
- jquery复选框组清空选中的值_jQuery选取所有复选框被选中的值并用Ajax异步提交数据...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...
- 将jQuery的复选框设置为“已选中”？
我想做这样的事情来使用jQuery勾选一个checkbox : $(".myCheckBox").checked(true); 要么 $(".myCheckBox&quo ...
- HTML复选框可以设置为只读吗？
我以为他们可以,但是因为我不把钱放在我的嘴里(可以这么说)设置readonly属性实际上似乎没有做任何事情. 我宁愿不使用Disabled,因为我希望检查复选框与表单的其余部分一起提交,我只是不希望客 ...
- zTree点击文字勾选复选框
1.问题背景 系统利用zTree插件生成下拉复选树,点击文字勾选复选框 2.实现源码 <!DOCTYPE html><html><head> <title&g ...
- 复选框checked 选中后不显示打钩
复选框checked 选中后不显示打钩 checkbox属性checked="checked"已有,但复选框却不显示打钩的原因 复选框绑定了click事件,点一次选中,再点击取消选 ...
- C#ListView控件添加Checkbox复选框并获取选中的数目,检查checkbox是否勾选
[转载]原地址:http://blog.csdn.net/lucky51222/article/details/41892429 具体方法 1.添加复选框 并且如下设置 listView1.Check ...
- silverlight带有复选框的列
今天我们来一起学习怎样自定义DataGrid的单元格呈现形式的基本操作方法. 基本知识讲解 1)两种状态 DataGrid的单元格的状态有两类,即编辑状态和非编辑状态. 在实际开发中,如果一个单元 ...
最新文章
- 基于C++的二叉树的入门讲解
- 对MBProgressHUD进行封装并精简使用
- JS 中如何判断 undefined 和 null
- 网络营销外包——网络营销外包专员对网站标题修改都是有原因的
- LauncherApplication
- 关于Oracle Developer 的 DBMS_OUTPUT.PUT_LINE 输出问题
- 4位加法器的设计代码verilog_一个简单的8位处理器完整设计过程及verilog代码
- drop sql语句_用于从表中删除数据SQL Drop View语句
- 推荐 | Transformer最新成果！Learn to Dance with AIST++: Music Conditioned 3D Dance Generation！
- vt linux tty中文,Linux输入子系统和tty关系影述
- 模型类型与加速潜力的关系
- eclipse编码方式、标签语言获取根目录
- keil编程和c语言,C语言编程及keil软件使用.ppt
- 多维度分析评价体系：高校教学质量大数据应用解决方案
- [附源码]计算机毕业设计JAVA社区生鲜仓库管理系统
- 小程序设置整个页面的背景颜色
- HTML5——HTML5元素周期表
- jvm 内存溢出的多种原因及优化方法
- antd 实现 sidebar 左侧菜单·记
- 晋中市旅游星级饭店服务技能大赛