改变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 相关文章推荐
mysql输出数据赋给js变量报unterminated string literal错误原因
May 22 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
jQuery使用deferreds串行多个ajax请求
Aug 22 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
vue中锚点的三种方法
Jul 06 Javascript
微信小程序实现自上而下字幕滚动
Jul 14 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
May 16 Javascript
深入浅出了解Node.js Streams
May 27 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 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与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
jquery select选中的一个小问题
2009/10/11 Javascript
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
jQuery-serialize()输出序列化form表单值的方法
2012/12/26 Javascript
javascript编码的几个方法详细介绍
2013/01/06 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
bootstrap table 多选框分页保留示例代码
2017/03/08 Javascript
react-router实现按需加载
2017/05/09 Javascript
ECMAScript6变量的解构赋值实例详解
2017/09/19 Javascript
H5实现仿flash效果的实现代码
2017/09/29 Javascript
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
Python中字典的基本知识初步介绍
2015/05/21 Python
Python OS模块常用函数说明
2015/05/23 Python
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
教你用Python脚本快速为iOS10生成图标和截屏
2016/09/22 Python
Python爬虫实现“盗取”微信好友信息的方法分析
2019/09/16 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
美国美妆网站:B-Glowing
2016/10/12 全球购物
农救科工作职责
2013/11/27 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
解决Python保存文件名太长OSError: [Errno 36] File name too long
2022/05/11 Python