html 多选框获取值数组,前端获取checkbox复选框的值通过数组形式传递

淡淡的烟草味﹌ 2022-10-06 11:54 327阅读 0赞

html代码：

应用一组

\{% for peopel\_1 in peopels\_1 %\}

\{ \{ peopel\_1.name \}\}

\{% endfor %\}

应用二组

\{% for peopel\_2 in peopels\_2 %\}

\{ \{ peopel\_2.name \}\}

\{% endfor %\}

class="btn btn-default">提交

js代码：

1 获取已选中的名字并放到数组中

var name\_list = \[\];

$("input\[name='people\_name'\]:checked").each(function()\{

name\_list.push($(this).val)

\});

2 利用ajax向后台传递form表单数据

$(".select\_people").submit(function(event)\{

event.preventDefault(); // 阻止默认表单的action功能

var name\_list = \[\];

$("input\[name='people\_name'\]:checked").each(function()\{

name\_list.push($(this).val)

\});

data = \{'id': 1, 'names': name\_list\};

$.ajax(\{

url: "task\_mgm/\*\*\*\*\*\*\*\*",

type: "POST",

data: JSON.stringify(data),

contentType: "application/json", //发送到后台的数据格式

data\_type: "json", // 接收后端返回的数据格式

success: function(resp)\{

if (resp.error == "OK")\{ console.log('分享成功') \}

else \{ console.log('分享失败') \}

\}

\});

\})

python后台代码：

@task\_mgm.route('/taskinfo\_share\_people', methods=\['POST', 'GET'\])

@login\_required

def taskinfo\_share\_people\_fun():

datas = request.get\_json()

task\_id = datas.get('id')

sharePeopleList = datas.get('names')

print(sharePeopleList)

task = ShareTask()

if len(sharePeopleList) > 0:

task.taskId = task\_id

sharePeopleList = list(set(sharePeopleList)) \# 去重

sharePs = ','.join(sharePeopleList)

task.sharePeopleTo = sharePs

task.sharePeopleFrom = current\_user.name

db.session.add(task)

db.session.commit()

return jsonify(error='OK', emsg="True")

else:

return jsonify(error='NO', emsg="False")

Web版需求征集系统所得1，servlet中获取checkbox复选框的值

servlet中获取checkbox复选框的值

研究类型 &lt ...

获取checkbox复选框的值

CheckBox

发表评论取消回复

表情：

评论列表（有 0 条评论，327人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui获取复选框checked值

前言对于后台开发来讲，`layui`是一个很后台的前端框架，适合搭建管理后台，各方面都很好，唯独有个地方不好，就是`checkbox`多选方面，不能直接返回多选值，只能

你的名字/ 2023年07月25日 05:30/ 0 赞/ 54 阅读

相关 jQuery 循环获取checkbox复选框的值，checkbox全选、全不选、反选

前端页面html <tr v-for="(log,index) in logList">

川长思鸟来/ 2022年11月08日 14:28/ 0 赞/ 357 阅读

相关 html 多选框获取值数组,前端获取checkbox复选框的值通过数组形式传递

html代码：应用一组 \{% for peopel\_1 in peopels\_1 %\} \{ \{ peopel\_1.name \}\} \{% endfo

淡淡的烟草味﹌/ 2022年10月06日 11:54/ 0 赞/ 328 阅读

相关 jquery获取单选框复选框下拉框值

jquery获取单选框（radio）复选框（checkbox）下拉框（select）的值，亲测可用。有什么疑问可以留言效果图： ![20160218153630060][

男娘i/ 2022年08月20日 08:28/ 0 赞/ 546 阅读

相关 JQuery获取复选框checkbox的值

JQuery获取复选框checkbox的值 > 在HTML页面上，有时需要用到input的type为checkbox，下面介绍几种获取checkedbox值的方法： 1

悠悠/ 2022年08月03日 12:51/ 0 赞/ 439 阅读

相关获取复选框的值

<title>JavaScript 获取复选框的值</title> <script> function checkbox() { var str=documen

爱被打了一巴掌/ 2022年07月18日 04:08/ 0 赞/ 388 阅读

相关 jquery获取input 复选框值

第一种： var tempArray = new Array(); $("input:checkbox\[class='chk\_list'\]:che

逃离我推掉我的手/ 2022年06月13日 04:46/ 0 赞/ 519 阅读

相关获取多个复选框值

![Center][] <tr> <td><input type="checkbox" checked="checked" id="c

深碍√TFBOYSˉ_/ 2021年10月08日 06:04/ 0 赞/ 543 阅读

相关获取复选框值

obj = document.getElementsByName("check"); check_val = [];

逃离我推掉我的手/ 2021年09月15日 15:38/ 0 赞/ 654 阅读

相关 jquery获取复选框的值

//jquery获取复选框值 var chk_value =[];//定义一个数组 $('input[name="zjc"]:checked').eac

Dear 丶/ 2021年07月26日 12:33/ 0 赞/ 647 阅读