改变checkbox默认选中状态及取值的实现代码


Posted in Javascript onMay 26, 2016
<inputtype="checkbox"name="chk"value="1"val="1级">1级

<inputtype="checkbox"name="chk"value="2"checked="checked"val="2级">2级

<inputtype="checkbox"name="chk"value="3"val="3级">3级

1)设置1级和3级选中

2)获取选中的值,以‘,'分隔显示

更改默认状态:

$(":checkbox").attr("checked", function() {
 if ($(this).is(":checked")) {
  return false;
 } else {
  return true;
 }
 });

遍历取值:

$(":checkbox").click(function() {
var arrayValue = new Array();
$(":checkbox").each(function(){
if ($(this).is(":checked")) {
arrayValue.push($(this).val());
 }
 });
   arrayValue.join(",");
   alert(arrayValue);
 });

以上这篇改变checkbox默认选中状态及取值的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用prototype实现的简单小巧的多级联动菜单
Mar 24 Javascript
JavaScript 事件的一些重要说明
Oct 25 Javascript
javascript 命名规则 变量命名规则
Feb 25 Javascript
JQUERY设置IFRAME的SRC值的代码
Nov 30 Javascript
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
Nov 10 Javascript
Extjs表单常见验证小结
Mar 07 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
原生js实现弹出层效果
Jan 20 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
vue-router实现编程式导航的代码实例
Jan 19 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 #Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 #Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 #Javascript
jquery获取所有选中的checkbox实现代码
May 26 #Javascript
JQuery点击行tr实现checkBox选中的简单实例
May 26 #Javascript
动态加载js、css的简单实现代码
May 26 #Javascript
JS hashMap实例详解
May 26 #Javascript
You might like
关于Intype一些小问题的解决办法
2008/03/28 PHP
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
Prototype使用指南之range.js
2007/01/10 Javascript
JavaScript 撑出页面文字换行
2009/06/15 Javascript
突发奇想的一个jquery插件
2010/11/19 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
深入理解(function(){... })();
2016/08/16 Javascript
简单几步实现返回顶部效果
2016/12/05 Javascript
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
[01:12]DOTA2 2015年秋季互动指南
2015/11/10 DOTA
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
Python3中简单的文件操作及两个简单小实例分享
2017/06/18 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
pandas数值计算与排序方法
2018/04/12 Python
python 不以科学计数法输出的方法
2018/07/16 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
python模块导入的方法
2019/10/24 Python
python制作朋友圈九宫格图片
2019/11/03 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
安装并免费使用Pycharm专业版(学生/教师)
2020/09/24 Python
Django框架请求生命周期实现原理
2020/11/13 Python
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
.NET笔试题(20个问题)
2016/02/02 面试题
高中毕业生个人自我鉴定
2013/11/24 职场文书
大学生怎样进行自我评价
2013/12/07 职场文书
初中班主任工作随笔
2015/08/15 职场文书
Python如何识别银行卡卡号?
2021/06/10 Python