改变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中add实现同时选择两个id对象
Oct 22 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
技术男用来对妹子表白的百度首页
Jul 23 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
学习javascript面向对象 理解javascript原型和原型链
Jan 04 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
webpack打包js的方法
Mar 12 Javascript
深入理解js A*寻路算法原理与具体实现过程
Dec 13 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 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 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
php设计模式之委托模式
2016/02/13 PHP
浅谈PHP实现大流量下抢购方案
2017/12/15 PHP
PHP实现的分解质因数操作示例
2018/08/01 PHP
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
浅析如何利用JavaScript进行语音识别
2016/10/27 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
微信小程序开发图片拖拽实例详解
2017/05/05 Javascript
node文件上传功能简易实现代码
2017/06/16 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
2017/09/15 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
利用JS如何获取form表单数据
2019/12/19 Javascript
js简单粗暴的发布订阅示例代码
2021/01/23 Javascript
代码分析Python地图坐标转换
2018/02/08 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
pthon贪吃蛇游戏详细代码
2019/01/27 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
Django项目中使用JWT的实现代码
2019/11/04 Python
python实现简单学生信息管理系统
2020/04/09 Python
中国梦的演讲稿
2014/01/08 职场文书
领导干部对照检查材料
2014/08/24 职场文书
公司授权委托书范文
2014/09/21 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS