改变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 相关文章推荐
IE8 下的Js错误HTML Parsing Error...
Aug 14 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
jquery text()方法取标签中的文本
Jul 25 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 Javascript
JavaScript错误处理
Feb 03 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
Apr 06 Javascript
JS实现的样式切换功能tableCSS实例
Dec 30 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
js图片放大镜实例讲解(必看篇)
Jul 17 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
Mar 26 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
基于mysql的bbs设计(三)
2006/10/09 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
php使用Session和文件统计在线人数
2015/07/04 PHP
Laravel框架实现调用百度翻译API功能示例
2019/05/30 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
IE php关于强制下载文件的代码
2008/08/23 Javascript
flash javascript之间的通讯方法小结
2008/12/20 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
javascript实时显示当天日期的方法
2015/05/20 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
2015/06/16 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
详解html-webpack-plugin插件(用法总结)
2018/09/12 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
Python中字典和集合学习小结
2017/07/07 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
CSS3旋转——彩色扇子兼容firefox浏览器
2013/06/04 HTML / CSS
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
英语翻译系毕业生求职信
2013/09/29 职场文书
实习会计求职自荐信范文
2014/03/10 职场文书
航空学院求职信
2014/06/11 职场文书
2014法制宣传日活动总结
2014/07/09 职场文书
环境卫生标语
2015/08/03 职场文书
详解MySQL数据库千万级数据查询和存储
2021/05/18 MySQL
原型和原型链 prototype和proto的区别详情
2021/11/02 Javascript