$('.tj').click(function(){ var p=""; for (var i = 0; i < $('.gf').length; i++) { var gz=$('.gf').eq(i).parents('.fa').siblings('.zi').find('.gz'); for (var a = 0; a < gz.length; a++) { p+=$('.gf').eq(i).val()+gz.eq(a).val()+"|"; }; }; alert(p); }) }) </script> </body> </html>[/code]
判断这个子ID是否存在这个自定义属性,然后把拥有这个自定义属性的input的value和id放到一个数组中去...
<input type=checkbox name='A[]' value=1>
<input type=checkbox name='A[]' value=2>
<input type=checkbox name='A[]' value=3>
<input type=submit value=ok>
</form>
<?php
print_r($_POST);
自己测试一下就知道了
看看你就懂了。
模拟了一个 截图如下代码如下
[code=php]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Choose</title>
<link href="./style/style.css" rel="stylesheet" type="text/css" />
<script src="./js/jquery.min.js"></script>
</head>
<body>
<div class="list">
<form action="aaa" onsubmit="return false">
<dl>
<dt>筛选</dt>
<dd>
<div class="fa">父类:<input type="checkbox" name="1" autocomplete="off" value="1"></div>
<div class="zi">
<ul>
<li>子类:<input type="checkbox" name="1" value="a" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="1" value="b" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="1" value="c" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="1" value="d" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="1" value="e" autocomplete="off"></li>
</ul>
</div>
</dd>
<div class="clear"></div>
<dd>
<div class="fa">父类:<input type="checkbox" name="2" autocomplete="off" value="2"></div>
<div class="zi">
<ul>
<li>子类:<input type="checkbox" name="2" value="a" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="2" value="b" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="2" value="c" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="2" value="d" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="2" value="e" autocomplete="off"></li>
</ul>
</div>
</dd>
<div class="clear"></div>
<dd>
<div class="fa">父类:<input type="checkbox" name="3" autocomplete="off" value="3"></div>
<div class="zi">
<ul>
<li>子类:<input type="checkbox" name="3" value="a" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="3" value="b" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="3" value="c" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="3" value="d" autocomplete="off"></li>
<li>子类:<input type="checkbox" name="3" value="e" autocomplete="off"></li>
</ul>
</div>
</dd>
</dl>
<div><input type="submit" value="提交" class="tj"></div>
</form>
</div> <script>
$(function(){
$('.zi li input').click(function(){
var F_input=$(this).parents('.zi').siblings('.fa').find('input');
if(!$(this).hasClass('gz')){
$(this).addClass('gz');
F_input.addClass('gf');
}else{
$(this).removeClass('gz');
var gzlength=$(this).parents('.zi').find('.gz').length; // 当前对象的祖先元素(zi)下的$('.gz')这个集合的长度
if(gzlength==0){
F_input.removeClass('gf');
}
}
})
$('.tj').click(function(){
var p="";
for (var i = 0; i < $('.gf').length; i++) { var gz=$('.gf').eq(i).parents('.fa').siblings('.zi').find('.gz');
for (var a = 0; a < gz.length; a++) {
p+=$('.gf').eq(i).val()+gz.eq(a).val()+"|";
}; };
alert(p);
})
})
</script>
</body>
</html>[/code]