改变checkbox默认选中状态及取值的实现代码

JavaScript 2019-01-04

<div class="jb51code">
<pre class="brush:xhtml;">
<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）获取选中的值，以‘，'分隔显示

更改默认状态：

rush:js;"> $(":checkBox").attr("checked",function() { if ($(this).is(":checked")) { return false; } else { return true; } });

遍历取值：

rush:js;"> $(":checkBox").click(function() { var arrayValue = new Array(); $(":checkBox").each(function(){ if ($(this).is(":checked")) { arrayValue.push($(this).val()); } }); arrayValue.join(","); alert(arrayValue); });

以上这篇改变checkBox默认选中状态及取值的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

checkbox默认选中状态

相关文章

自定义web弹窗/层：简易风格的msg与可拖放的dialog，生成博客园文章目录弹窗
前言 做过web项目开发的人对layer弹层组件肯定不陌生，作为l...
nice-validator表单验证插件的简单使用
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
基于“formData批量上传的多种实现” 的多图片预览、上传的多种实现
前言 图片上传是web项目常见的需求，我基于之前的博客的代码...
踹掉后端，前端导出Excel！
前言 导出Excel文件这个功能，通常都是在后端实现返回前端一...
Web Worker——js的多线程，实现统计博客园总阅读量、总评论量、总推荐量
前言 众所周知，js是单线程的，从上往下，从左往右依次执行，...
select标签 禁止选择但又能通过序列化form表单传值到后台
前言 项目开发中，我们可能会碰到这样的需求：select标签，禁...