Home > Backend Development > PHP Tutorial > 如何让这个搞成一个二维数组,js控制,jquery,都可以,提交到后台,后台去解析这个二维数组?

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

WBOY
Release: 2016-06-13 12:13:09
Original
1229 people have browsed it

怎么让这个搞成一个二维数组,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 />
Copy after login
自己测试一下就知道了



















------解决思路----------------------
<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 />
Copy after login

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template