改变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 相关文章推荐
jquery.AutoComplete.js中文修正版(支持firefox)
Apr 09 Javascript
javascript一些实用技巧小结
Mar 18 Javascript
解析window.open的使用方法总结
Jun 19 Javascript
jQuery 全选/反选以及单击行改变背景色实例
Jul 02 Javascript
使用js在页面中绘制表格核心代码
Sep 16 Javascript
基于javascript实现动态时钟效果
Aug 18 Javascript
vue开发心得和技巧分享
Oct 27 Javascript
详解vee-validate的使用个人小结
Jun 07 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
Sep 30 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 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
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
JS处理VBArray的函数使用说明
2008/05/11 Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
2011/12/31 Javascript
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
js变换显示图片的实例
2013/04/16 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
2013/10/22 Javascript
node.js实现逐行读取文件内容的代码
2014/06/27 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
JS键盘版计算器的制作方法
2016/12/03 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
详解js常用分割取字符串的方法
2019/05/15 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
2019/11/09 Javascript
小程序登录之支付宝授权的实现示例
2019/12/13 Javascript
JS实现可控制的进度条
2020/03/25 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
2020/06/19 Javascript
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[49:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第二场 3月4日
2021/03/11 DOTA
Python复制文件操作实例详解
2015/11/10 Python
Python自动化运维_文件内容差异对比分析
2017/12/13 Python
Python实现的根据IP地址计算子网掩码位数功能示例
2018/05/23 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
通过代码实例了解Python sys模块
2020/09/14 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
医院护士求职自荐信格式
2013/09/21 职场文书
物流仓储实习自我鉴定
2013/09/25 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
银行竞聘演讲稿范文
2014/04/23 职场文书
河童之夏观后感
2015/06/11 职场文书
患者身份识别制度
2015/08/06 职场文书
学校标语口号大全
2015/12/26 职场文书
python多线程方法详解
2022/01/18 Python