改变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 相关文章推荐
htm调用JS代码
Mar 15 Javascript
Jquery 1.42 checkbox 全选和反选代码
Mar 27 Javascript
jQuery学习笔记 操作jQuery对象 属性处理
Sep 19 Javascript
原生js编写焦点图效果
Dec 08 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
vue组件间通信子与父详解(二)
Nov 07 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
JavaScript中this关键字用法实例分析
Aug 24 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
Dec 13 Javascript
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
解决Vue打包上线之后部分CSS不生效的问题
Nov 12 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
DOTA2 探索永无止境 玩家自创强悍插眼攻略
2020/04/20 DOTA
在PHP中读取和写入WORD文档的代码
2008/04/09 PHP
php实现rc4加密算法代码
2012/04/25 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
php缓冲 output_buffering的使用详解
2013/06/13 PHP
深入浅出php socket编程
2015/05/13 PHP
PHP共享内存用法实例分析
2016/02/12 PHP
javascript hashtable 修正版 下载
2010/12/30 Javascript
关于eval 与new Function 到底该选哪个?
2013/04/17 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
Jquery attr()方法 属性赋值和属性获取详解
2016/04/15 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
vue.js实现价格格式化的方法
2017/05/23 Javascript
VUE中v-model和v-for指令详解
2017/06/23 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
2018/03/07 Javascript
详解Vue中watch的高级用法
2018/05/02 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
如何用C代码给Python写扩展库(Cython)
2019/05/17 Python
Python selenium的基本使用方法分析
2019/12/21 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
pandas数据选取:df[] df.loc[] df.iloc[] df.ix[] df.at[] df.iat[]
2020/04/24 Python
简洁自适应404页面HTML好看的404源码
2020/12/16 HTML / CSS
美国在线旅行社:Crystal Travel
2018/09/11 全球购物
美国厨房和园艺工具网上商店:Nestneed
2019/08/24 全球购物
作为网站管理者应当如何防范XSS
2014/08/16 面试题
高中生自我评语大全
2014/01/19 职场文书
xxx同志考察材料
2014/02/07 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
销售人员工作自我评价
2014/09/21 职场文书
MYSQL中文乱码问题的解决方案
2022/06/14 MySQL