改变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 相关文章推荐
top.location.href 没有权限 解决方法
Aug 05 Javascript
运用jquery实现table单双行不同显示并能单行选中
Jul 25 Javascript
纯css+js写的一个简单的tab标签页带样式
Jan 28 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 Javascript
D3.js实现散点图和气泡图的方法详解
Sep 21 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
JS中图片压缩的方法小结
Nov 14 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/11/19 PHP
ionCube 一款类似zend的PHP加密/解密工具
2010/07/25 PHP
PHP学习之正则表达式
2011/04/17 PHP
session 加入redis的实现代码
2016/07/15 PHP
浅谈php调用python文件
2019/03/29 PHP
一个判断email合法性的函数[非正则]
2008/12/09 Javascript
js 解决“options为空或不是对象”
2008/12/22 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
js中通过split函数分割字符串成数组小例子
2013/09/21 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
jQuery实现产品对比功能附源码下载
2016/08/09 Javascript
Bootstrap table表格简单操作
2017/02/07 Javascript
Angular2使用Augury来调试Angular2程序
2017/05/21 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
2019/09/02 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
python实现批量改文件名称的方法
2015/05/25 Python
通过源码分析Python中的切片赋值
2017/05/08 Python
python中单下划线_的常见用法总结
2018/07/10 Python
Python基础之文件读取的讲解
2019/02/16 Python
python整合ffmpeg实现视频文件的批量转换
2019/05/31 Python
python sklearn库实现简单逻辑回归的实例代码
2019/07/01 Python
Django 通过JS实现ajax过程详解
2019/07/30 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
小孩百日宴答谢词
2014/01/15 职场文书
《搭石》教学反思
2014/04/07 职场文书
2014党员学习兰辉先进事迹思想汇报
2014/09/17 职场文书
学生会主席任命书
2015/09/21 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python
基于Python实现将列表数据生成折线图
2022/03/23 Python
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis