改变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 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
Feb 03 Javascript
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
详解微信小程序开发(项目从零开始)
Jun 06 Javascript
js实现金山打字通小游戏
Jul 24 Javascript
Element Tooltip 文字提示的使用示例
Jul 26 Javascript
在vue-cli3中使用axios获取本地json操作
Jul 30 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
Aug 10 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/05/10 PHP
PHP 观察者模式的实现代码
2013/05/10 PHP
php命名空间学习详解
2014/02/27 PHP
php防止伪造的数据从URL提交方法
2014/06/27 PHP
PHP使用strtotime获取上个月、下个月、本月的日期
2015/12/30 PHP
php事务回滚简单实现方法示例
2017/03/28 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
通过隐藏option实现select的联动效果
2009/11/10 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
让html页面不缓存js的实现方法
2014/10/31 Javascript
基于JS2Image实现圣诞树代码
2015/12/24 Javascript
JavaScript判断微信浏览器实例代码
2016/06/13 Javascript
AngularJS基础 ng-model-options 指令简单示例
2016/08/02 Javascript
用nodejs搭建websocket服务器
2017/01/23 NodeJs
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
关于vue.js过渡css类名的理解(推荐)
2017/04/10 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
2017/07/19 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
vue使用Proxy实现双向绑定的方法示例
2019/03/20 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
Python实现RabbitMQ6种消息模型的示例代码
2020/03/30 Python
Python如何输出百分比
2020/07/31 Python
python re模块常见用法例举
2021/03/01 Python
医学生自荐信
2013/12/03 职场文书
机工车间主任岗位职责
2014/03/05 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
歼十出击观后感
2015/06/11 职场文书
大学生村官入党自传
2015/06/26 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
「SHOW BY ROCK!!」“雫シークレットマインド”组合单曲MV公开
2022/03/21 日漫