如何让这个搞成一个二维数组，js控制，jquery，都可以，提交到后台，后台去解析这个二维数组?-tutoriel php-php.cn

如何让这个搞成一个二维数组，js控制，jquery，都可以，提交到后台，后台去解析这个二维数组?

WBOY

Libérer： 2016-06-13 12:13:09

original

1230 Les gens l'ont consulté

怎么让这个搞成一个二维数组，js控制，jquery，都可以，提交到后台，后台去解析这个二维数组??急

这是前端html代码写的三个模块，每个模块有模块id ，模块下面有很多子功能复选框，当你选中某个模块，某些模块下面的子功能提交时候，后台接收到的只是一个数组或者json串，然后去解析这个数组或者json，前台同时提交过来时候有个角色id ,
数据库字段有 mid roleid marks 下面解释一下三个字段，mid和roleid是多对多，复合主键关系，mid 模块id,roleid角色id,marks 本模块下的功能元算码(这个是复选框的value值相加或者与与运算的值是个常数，这里不关心模块下复选框value怎么运算的,反正是个常数)，请问前端的选择完那些复选框的值以后该用js或者jquery 怎么控制呢，我觉得是把选中的复选框们赋值一个数组，然后提交比较好，但是我现在不知道咋写，有更好的方案给说下，最好是带代码的那种，本人刚入门php,求大神给方案？？？？
------解决思路----------------------
点击时给子ID用一个自定义属性
判断这个子ID是否存在这个自定义属性，然后把拥有这个自定义属性的input的value和id放到一个数组中去...

------解决思路----------------------

<form method=post><br /><input type=checkbox name='A[]' value=1><br /><input type=checkbox name='A[]' value=2><br /><input type=checkbox name='A[]' value=3><br /><input type=submit value=ok><br /></form><br /><?php<br />print_r($_POST);<br />

Copier après la connexion

自己测试一下就知道了

------解决思路----------------------

<br />模拟了一个 截图如下<br /><img src="/img/2015/01/07/103314108.png" alt="" /><br />代码如下<br />[code=php]<br /><!DOCTYPE html><br /><html lang="en"><br /><head><br />	<meta charset="UTF-8"><br />	<title>Choose</title><br />	<link href="./style/style.css" rel="stylesheet" type="text/css" /><br />	<script src="./js/jquery.min.js"></script><br /></head><br /><body><br />			<div class="list"><br />				<form action="aaa" onsubmit="return false"><br />				<dl><br />					<dt>筛选</dt><br />					<dd><br />						<div class="fa">父类：<input type="checkbox" name="1" autocomplete="off" value="1"></div><br />						<div class="zi"><br />							<ul><br />								<li>子类：<input type="checkbox" name="1" value="a" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="1" value="b" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="1" value="c" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="1" value="d" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="1" value="e" autocomplete="off"></li><br />							</ul><br />						</div><br />					</dd><br />					<div class="clear"></div><br />					<dd><br />						<div class="fa">父类：<input type="checkbox" name="2" autocomplete="off" value="2"></div><br />						<div class="zi"><br />							<ul><br />								<li>子类：<input type="checkbox" name="2" value="a" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="2" value="b" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="2" value="c" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="2" value="d" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="2" value="e" autocomplete="off"></li><br />							</ul><br />						</div><br />					</dd><br />					<div class="clear"></div><br />					<dd><br />						<div class="fa">父类：<input type="checkbox" name="3" autocomplete="off" value="3"></div><br />						<div class="zi"><br />							<ul><br />								<li>子类：<input type="checkbox" name="3" value="a" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="3" value="b" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="3" value="c" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="3" value="d" autocomplete="off"></li><br />								<li>子类：<input type="checkbox" name="3" value="e" autocomplete="off"></li><br />							</ul><br />						</div><br />					</dd><br />				</dl><br />				<div><input type="submit" value="提交" class="tj"></div><br />				</form><br />			</div>	<br /><br />			<script><br />				$(function(){<br />						$('.zi li input').click(function(){<br />							var F_input=$(this).parents('.zi').siblings('.fa').find('input');<br />							if(!$(this).hasClass('gz')){<br />								   $(this).addClass('gz');<br />								   F_input.addClass('gf');<br />							}else{<br />								   $(this).removeClass('gz');	<br />								   var gzlength=$(this).parents('.zi').find('.gz').length;	// 当前对象的祖先元素(zi)下的$('.gz')这个集合的长度					<br />								   if(gzlength==0){<br />								   		F_input.removeClass('gf');	 <br />								   }<br />							}<br />						})						<br />						<br />						$('.tj').click(function(){	<br />							var p="";<br />							for (var i = 0; i < $('.gf').length; i++) {<br /><br />								var gz=$('.gf').eq(i).parents('.fa').siblings('.zi').find('.gz');<br />								for (var a = 0; a < gz.length; a++) {<br />									 p+=$('.gf').eq(i).val()+gz.eq(a).val()+"<br><font color='#FF8000'>------解决思路----------------------</font><br>"; <br />								};<br /><br />							};	<br />							alert(p);<br />						})<br /><br /><br /><br />					 <br />				})<br />			</script><br /></body><br /></html><br />

Copier après la connexion

[/code]
------解决思路----------------------
不知道是不是LZ要的