改变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 相关文章推荐
CCPry JS类库 代码
Oct 30 Javascript
单击复制文字兼容各浏览器的完美解决方案
Jul 04 Javascript
js中的replace方法使用介绍
Oct 28 Javascript
jQuery 快速结束当前正在执行的动画
Nov 20 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
jquery获取复选框被选中的值
Mar 22 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
jquery简单插件制作(fn.extend)完整实例
May 24 Javascript
JS中使用变量保存arguments对象的方法
Jun 03 Javascript
关于input全选反选恶心的异常情况
Jul 24 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 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中eclipse 用空格替换 tab键
2013/06/24 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
thinkPHP实现的联动菜单功能详解
2017/05/05 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
2007/04/27 Javascript
js拖拽一些常见的思路方法整理
2014/03/19 Javascript
js星星评分效果
2014/07/24 Javascript
iframe里使用JavaScript控制主页转向的方法
2015/04/03 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
2017/08/09 jQuery
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
express express-session的使用小结
2018/12/12 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
原生js实现无缝轮播图效果
2021/01/28 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
一篇文章入门Python生态系统(Python新手入门指导)
2015/12/11 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
Python django框架输入汉字,数字,字符生成二维码实现详解
2019/09/24 Python
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
施工班组长岗位职责
2014/01/05 职场文书
打造完美自荐信
2014/01/24 职场文书
机关单位人员学雷锋心得体会
2014/03/10 职场文书
国际金融专业自荐信
2014/07/05 职场文书
大学迎新生标语
2014/10/06 职场文书
四风批评与自我批评范文
2014/10/14 职场文书
校本课程教学计划
2015/01/19 职场文书
2016年党建工作简报
2015/11/26 职场文书
Python Pandas知识点之缺失值处理详解
2021/05/11 Python