改变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 相关文章推荐
测试JavaScript字符串处理性能的代码
Dec 07 Javascript
JavaScript 选中文字并响应获取的实现代码
Aug 28 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
jQuery操作元素css样式的三种方法
Jun 04 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
Sep 01 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 Javascript
Javascript循环删除数组中元素的几种方法示例
May 18 Javascript
Bootstrap按钮组实例详解
Jul 03 Javascript
vue-cli随机生成port源码的方法
Sep 02 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
Dec 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
77A一级收信机修理记
2021/03/02 无线电
基于文本的访客签到簿
2006/10/09 PHP
PHP数据库调用类调用实例(详细注释)
2012/07/12 PHP
Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法
2016/07/02 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
PHP PDOStatement::setFetchMode讲解
2019/02/03 PHP
JavaScript CSS修改学习第一章 查找位置
2010/02/19 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
javascript版2048小游戏
2015/03/18 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
jQuery常用的一些技巧汇总
2016/03/26 Javascript
jQuery元素选择器实例代码
2017/02/06 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
2017/05/05 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
2019/09/07 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
2020/11/13 Javascript
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Python测试模块doctest使用解析
2019/08/10 Python
Python绘制热力图示例
2019/09/27 Python
python进程池实现的多进程文件夹copy器完整示例
2019/11/27 Python
python 列表、字典和集合的添加和删除操作
2019/12/16 Python
解决pip install psycopg2出错问题
2020/07/09 Python
Funko官方商店:源自美国,畅销全球搪胶收藏玩偶
2018/09/15 全球购物
瑞士图书网站:Weltbild.ch
2019/09/17 全球购物
开工庆典邀请函范文
2014/01/16 职场文书
投资协议书范本
2014/04/21 职场文书
师德演讲稿范文
2014/05/06 职场文书
房产销售独家委托书范本
2014/10/01 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
只需要这一行代码就能让python计算速度提高十倍
2021/05/24 Python
MYSQL如何查看操作日志详解
2022/05/30 MySQL