在线解决方法-Java教程-爱易网页

在线解决方法

日期：2014-05-19　浏览次数：20817 次

在线求一个解决办法！
有一个JSP页面，上面有一个表单（form），里面是一个表格（table 下面叫A），起初表格（A）有五行，里面是文本框(input type="text" )，当我点击这个文本框的时候弹出另一个表格（table 下面叫B）,表格B是隐藏的,用JS控制显示，但是呢，这个表格B，里面存的是我从数据库里面得到的数据，而且表格第一个单元格用的是多选框（checkbox），当我勾上后，后面的数据就得到了，然后传给表格A，这一步也实现了！不能实现的就是：我选择多行的话，我就不能按照本表格的顺序，往里面插入数据了，比如说:我在表格B中选择了三行数据，表格A得到的也是这三行的数据！这个我知道用Jquery实现的，怎么实现呢？还有没有比Jquery简单的方法，我新手！菜鸟！初学者！

------解决方案--------------------

JScript code


var text;
$('#tableB').find('input:checked').each(function(){
  text += " " + $(this).next().text();
});

------解决方案--------------------

JScript code<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">

.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:#FFFFFF;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}

.white_content{display:none;position:absolute;top:25%;left:25%;width:50%;height:50%;padding:16px;border:16px solid orange;margin:-32px;background-color:white;z-index:1002;overflow:auto;}

</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<script type="text/javascript">

function change(that)
{
    /*
     * tr 是你的checkbox上一级的tr object
     * id 是你的checkbox的value没理解错的话你要赋值给每一行第一个input
     * val 是你从数据库取到的他的名字
     **/
    var tr = $(that).parent().parent(),
        id = $(that).val(),
        val = tr.find('.proname').val();

    /**
     * targetId 是对应的A里面的行div的id, 这里我把每行的id写在了tr的name属性里,不是太好,你可以试着用别的办法, 但需要的是要给A 和 B每行关联起来
     * Attention: 要注意的是在一个dom中id是唯一的,你不可以给好几个tag赋一个id这是行不通的
     */
    var targetId = $(that).parent().parent().attr('name');
    
    /**
     * 判断是否checked，如果是赋值，如果否消值
     */
    if ($(that).is(':checked')){
        $('#'+targetId).find('.yuanGong').val(id);
        $('#'+targetId).find('.yuanGong1').val(val);
    }
    else {
        $('#'+targetId).find('.yuanGong').val('');
        $('#'+targetId).find('.yuanGong1').val('');
    }
}
function dakai(){
    $('#light').css('display','block');
    $('#light').css('fade','block');
}
function guanbi(){
    $('#light').css('display','none');
    $('#light').css('fade','none');
}
</script>
</head>

<body>

添加对应弹出来层里面表格 的第一条记录
<div id="tr1">
<input type="text" class="yuanGong" onclick="dakai()" size="50">
<input type="text" class="yuanGong1" onclick="dakai()" size="50"><br/>
</div>
添加对应弹出来层里面表格 的第二条记录
<div id="tr2">
<input type="text" class="yuanGong" onclick="dakai()" size="50">
<input type="text" class="yuanGong1" onclick="dakai()" size="50"><br/>
</div>    
添加对应弹出来层里面表格 的第三条记录
<div id="tr3">
<input type="text" class="yuanGong" onclick="dakai()" size="50">
<input type="text" class="yuanGong1" onclick="dakai()" size="50"><br/>
</div>
添加对应弹出来层里面表格 的第四条记录
<div id="tr4">
<input type="text" class="yuanGong" onclick="dakai()" size="50">
<input type="text" class="yuanGong1" onclick="dakai()" size="50"><br/>
</div>
<div id="light" class="white_content" >

  <table>
  <form name="form1" method="post">
     <tr name="tr1">
       <td ><input type="checkbox"  class="proid

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

在线解决方法

相关资料更多>

推荐阅读更多>