改变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 相关文章推荐
jquery 分页控件实现代码
Nov 30 Javascript
JavaScript的继承的封装介绍
Oct 15 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
Jan 13 Javascript
js只执行1次的函数示例
Jul 20 Javascript
基于JavaScript实现窗口拖动效果
Jan 18 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
在Vue组件中使用 TypeScript的方法
Feb 28 Javascript
实战node静态文件服务器的示例代码
Mar 08 Javascript
微信小程序自定义tabBar组件开发详解
Sep 24 Javascript
taro开发微信小程序的实践
May 21 Javascript
JS运算符简单用法示例
Jan 19 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脚本数据库功能详解(中)
2006/10/09 PHP
php修改时间格式的代码
2011/05/29 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
PHP设计模式之数据访问对象模式(DAO)原理与用法实例分析
2019/12/12 PHP
JS 类型转换常见方法小结
2010/05/31 Javascript
jQuery :nth-child前有无空格的区别分析
2011/07/11 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
2016/01/04 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
2017/07/18 Javascript
js中url对象化管理分析
2017/12/29 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
Vue 动态组件与 v-once 指令的实现
2019/02/12 Javascript
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
Vue使用axios出现options请求方法
2019/05/30 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
2019/07/24 Javascript
小谈angular ng deploy的实现
2020/04/07 Javascript
python+POP3实现批量下载邮件附件
2018/06/19 Python
python3 mmh3安装及使用方法
2019/10/09 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
python解析多层json操作示例
2019/12/30 Python
使用Python制作新型冠状病毒实时疫情图
2020/01/28 Python
Python-for循环的内部机制
2020/06/12 Python
Napapijri西班牙在线商店:夹克、外套、运动衫等
2020/11/05 全球购物
Linux的主要特性
2016/09/03 面试题
领导的自我鉴定
2013/12/28 职场文书
医药个人求职信范文
2014/01/29 职场文书
纪念九一八事变演讲稿:牢记九一八,屈辱怎能忘
2014/09/14 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
Django drf请求模块源码解析
2021/06/08 Python
el-table-column 内容不自动换行的解决方法
2022/08/14 Vue.js