改变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 06 Javascript
javascript创建数组之联合数组的使用方法示例
Dec 26 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
Jan 10 Javascript
10分钟学会写Jquery插件实例教程
Sep 06 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
Feb 09 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
简单实现js点击展开二级菜单功能
May 16 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
Aug 24 Javascript
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
JavaScript数组及常见操作方法小结
Nov 13 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 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
php定时删除文件夹下文件(清理缓存文件)
2013/01/23 PHP
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
JS 修改URL参数(实现代码)
2013/07/08 Javascript
调用jQuery滑出效果时闪烁的解决方法
2014/03/27 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
学习JavaScript设计模式(代理模式)
2015/12/03 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
浅析JS原型继承与类的继承
2016/04/07 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
2016/09/02 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
JS实现元素上下左右移动效果
2017/10/18 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
2018/03/03 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
jQuery实现动态添加和删除input框代码实例
2019/03/29 jQuery
小程序实现图片预览裁剪插件
2019/11/22 Javascript
基于vue-draggable 实现三级拖动排序效果
2020/01/10 Javascript
Python合并字符串的3种方法
2015/05/21 Python
Python中使用多进程来实现并行处理的方法小结
2017/08/09 Python
浅谈python jieba分词模块的基本用法
2017/11/09 Python
python中的随机函数random的用法示例
2018/01/27 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
Python 求数组局部最大值的实例
2019/11/26 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
使用Python将语音转换为文本的方法
2020/08/10 Python
生物制药毕业生自荐信
2013/10/16 职场文书
成人毕业生自我鉴定
2013/10/18 职场文书
运动会广播稿80字
2014/01/23 职场文书
房屋继承公证书
2014/04/10 职场文书
租房安全协议书
2014/08/20 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
2014年学校总务处工作总结
2014/12/08 职场文书
【DOTA2】总决赛血虐~ XTREME GAMING vs MAGMA - OGA DOTA PIT 2022 CN
2022/04/02 DOTA
Go gorilla securecookie库的安装使用详解
2022/08/14 Golang