改变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 相关文章推荐
关于跨站脚本攻击问题
Dec 22 Javascript
jQuery中trigger()方法用法实例
Jan 19 Javascript
js实现input框文字动态变换显示效果
Aug 19 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
Aug 18 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
May 07 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
Dec 05 Javascript
JavaScript实现多个物体同时运动
Mar 12 Javascript
vue实现商品列表的添加删除实例讲解
May 14 Javascript
谈一谈vue请求数据放在created好还是mounted里好
Jul 27 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
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
深入探寻javascript定时器
2015/01/02 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
2015/05/11 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
2016/05/31 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
2016/07/18 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
2020/12/31 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
2018/02/13 jQuery
vux uploader 图片上传组件的安装使用方法
2018/05/15 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
js获取图片的base64编码并压缩
2020/12/05 Javascript
[03:48]大碗DOTA
2019/07/25 DOTA
Flask框架Flask-Login用法分析
2018/07/23 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
Python制作动态字符图的实例
2019/01/27 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
全球最大的服务市场:Fiverr
2017/01/03 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
计算机应届毕业生自荐信范文
2014/02/23 职场文书
银行内勤岗位职责
2014/04/09 职场文书
大班幼儿评语大全
2014/04/30 职场文书
班级学习雷锋活动总结
2014/07/04 职场文书
授权收款委托书
2014/09/23 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书