js中复选框的取值及赋值示例详解
作者：芒果丿 发布时间：2024-07-24 21:30:07
标签：js,复选框,取值
1、复选框的取值：（js部分）
var checkboxdata = $(“input[name=payoperator]:checked”).map(function() {
return $(this).val();
}).get().join(",");
<div class="form-group">
<label class="col-lg-2 col-md-2 col-sm-12 control-label">支付方式</label>
<div class="col-lg-4 col-md-4">
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="1">支付宝在线缴费 </label>
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="2" checked="checked">支付宝代扣缴费 </label>
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="3" checked="checked">支付宝当面付 </label>
</div>
</div>
复选框中name="payoperator"必须相同，复选框才会生效
2、复选框的赋值：
从后台取到值后要先在前端页面初始化（复选框都未选中）
$(“input[name=payoperator]”).attr(“checked”,false);
var detail = detaildata.pay_operator;（detaildata为从后台取到的所有数据的值，pay_operator为数据库的字段）
var split = detail.split(",");
for (var i = 0; i < split.length; i++) {
$("input[name=payoperator][value="+split[i]+"]").attr("checked","checked");
}
页面布局与上方的布局取值一样。
来源：https://blog.csdn.net/qq_42972375/article/details/109108583
0
投稿猜你喜欢
引言上次介绍到rank0的机器生成了ncclUniqueId，并完成了机器的bootstrap网络和通信网络的初始化，这节接着看下所有节点间- 您也可以提供几个连接字符串修饰符来控制连接池行为，请参见本主题内下文中“使用连接字符串关键字控制连接池”这一节。池的创建和分配当连接打开时，
- 摘要：百度百科上是这样介绍二维码的：二维码（Quick Response Code），又称二维条码，它是用特定的几何图形按一定规律在平面（二
- 我的需求：手动配置X轴、Y轴、图表标题等参数自动通过Pyecharts模块生成可视化的html数据图表，并将浏览器图表展示到UI界面上。制作
- 先导入模块：from django.core.paginator import Paginator, EmptyPage, PageNotA
- 前言聚合函数用来对表中的数据进行统计和计算。users表结构如下:什么是聚合函数聚合函数是用来做简单的数据统计的，比如说统计一下 &
- 本文实例为大家分享了swiper Scrollbar滚动条组件的具体代码，供大家参考，具体内容如下1、scrollbar为Swiper增加滚
- PHP getName() 函数实例返回 XML 元素及其子元素的名称：<?php $xml=<<<XML<?
- 我就废话不多说了，大家还是直接看代码吧！stdi, stdo, stde = sys.stdin, sys.stdout, sys.stde
- 白噪声检验也称为纯随机性检验， 当数据是纯随机数据时，再对数据进行分析就没有任何意义了， 所以拿到数据后最好对数据进行一个纯随机性检验aco
- 如下所示：# coding:utf-8import shapefilew = shapefile.Writer()w.autoBalance
- 前言在尝试将结构体序列化为 Json 时，你可能会遇到 “omitempty” 标记，本小记就来浅看
- “重构”的春风吹遍大江南北，互联网一时间风声鹤唳，“div+CSS”俨然已成为一种“时尚”，难以尽数的网站都不约而同地开始了自己的“重构”。
- python实现监听键盘，供大家参考，具体内容如下实现服务端import picklefrom io import BytesIOimpor
- 1.概述"""基础知识：1.多任务：操作系统可以同时运行多个任务；2.单核CPU执行多任务：操作系统轮流让各个
- 本文实例讲述了vue动态组件和v-once指令。分享给大家供大家参考，具体如下：点击按钮时，自动切换两个组件<component :i
- 在python中，元组不可变，只能查询不能修改，列表、字典和集合的基本操作，各不相同，下面就来比较一下它们的添加和删除操作吧。添加一、列表1
- 最近写了个python抓取必应搜索首页http://cn.bing.com/的背景图片并将此图片更换为我的电脑桌面的程序，在正则匹配图片ur
- 本文也是开发项目中的一个小经验Tip，虽然很简单，但对很多朋友也有小帮助。我们实际工程中，可能遇到开发环境、预上线环境、线上环境等环境场景，
- 1.问题背景Python之所以强大，不仅是因为该语言本身的特点，也是因为它拥有众多无所不能的第三方库。强大的软件库允许开发者专注于业务，避免
