改变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 相关文章推荐
JS事件Event元素(兼容IE,Firefox,Chorme)
Nov 01 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
Nov 22 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
学习JavaScript设计模式(链式调用)
Nov 26 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
Sep 26 Javascript
微信小程序 页面传值详解
Mar 10 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
js 用于检测类数组对象的函数方法
May 02 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
vue移动端弹框组件的实例
Sep 25 Javascript
微信小程序在text文本实现多种字体样式
Nov 08 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连接SQLServer2005 的问题解决方法
2010/07/19 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
Prototype源码浅析 String部分(三)之HTML字符串处理
2012/01/15 Javascript
javascript 自定义回调函数示例代码
2014/09/26 Javascript
JQuery中serialize()用法实例分析
2015/02/06 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
令按钮悬浮在(手机)页面底部的实现方法
2017/05/02 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
JavaScript函数节流和函数去抖知识点学习
2018/07/31 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
python自动化测试之setUp与tearDown实例
2014/09/28 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
selenium+python实现自动登录脚本
2018/04/22 Python
python实现随机漫步算法
2018/08/27 Python
python将视频转换为全字符视频
2019/04/26 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
python能在浏览器能运行吗
2020/06/17 Python
python利用opencv保存、播放视频
2020/11/02 Python
外语专业毕业生个人的自荐信
2013/11/19 职场文书
土木工程专业推荐信
2014/02/19 职场文书
预备党员公开承诺书
2014/05/28 职场文书
公司离职证明标准范本
2014/10/05 职场文书
承兑汇票延期证明
2015/06/23 职场文书
工作简历的自我评价
2019/05/16 职场文书
2019年家电促销广告语集锦
2019/10/21 职场文书
Python中Selenium对Cookie的操作方法
2021/07/09 Python