如何在Jquery中获取所选行的详细信息

如何在Jquery中获取所选行的详细信息,jquery,html,Jquery,Html,我不知道如何在jQuery中获取所选行的详细信息。例如,我选择表中的前两行 我想提交到下一页,第二页可以显示所选的两行 这是我第二页的代码 $(document).ready(function () { $('#card-type').html(simpleStorage.get('cardType')); //my code stuck here. 任何人都可以给我一些想法吗?正如@krushna所说的,你可以尝试使用本地存储 我以前从来没用过,但我想试试你的需要 这是我的解决方案,当

我不知道如何在jQuery中获取所选行的详细信息。例如,我选择表中的前两行

我想提交到下一页,第二页可以显示所选的两行

这是我第二页的代码

$(document).ready(function () {
  $('#card-type').html(simpleStorage.get('cardType'));
//my code stuck here.

任何人都可以给我一些想法吗?

正如@krushna所说的,你可以尝试使用本地存储

我以前从来没用过,但我想试试你的需要

这是我的解决方案,当然,你可以改进它,我只给你一个解决问题的方法。 以下代码适用于您的需要:

首先,我的页面p1.html

html: 我只是试着从你的图片复制你的html

  <body>
    <table>
      <tr>
        <th>Primary</th>
        <th>Tag/untag</th>
        <th>Account</th>
      </tr>
      <tr>
        <td><input type="radio" class="primary" name="rd_prim" id="rd_prim1" ></td>
        <td><input type="checkbox" class="tag" id="check_1"></td>
        <td><span class="account" id="acc1">123456789</span></td>
      </tr>
      <tr>
        <td><input type="radio" class="primary" name="rd_prim" id="rd_prim2" ></td>
        <td><input type="checkbox" class="tag" id="check_2" ></td>
         <td><span class="account" id="acc2">987654321</span></td>
      </tr>
    </table>
    <input type="button" value="submit" id="smt">
  </body>
现在是第二页:p2.html已编辑

html:

<body>
    <div id="result">
        <table>
            <tr>
                <th>Primary</th>
                <th>Accounts</th>
            </tr>

        </table>
    </div>
</body> 
  $(document).ready(function() {
        var data_length = localStorage.getItem("data_length");
        for (var i = 0; i <= data_length; i++) {
            var primary = localStorage.getItem("primary"+i) == "true"?"checked":"";
            var tag = localStorage.getItem("tag"+i) == "true" ?"true":"false";
            var account = localStorage.getItem("account"+i);
            if (tag != "true" ) {
                continue;
            }
            $("table").append("<tr><td><input type='radio' name='rd_prim' "+primary+"></td><td><span class='account'>"+account+"</span></td></tr>");
        }
  })

主要的,重要的
账户
JQuery:

<body>
    <div id="result">
        <table>
            <tr>
                <th>Primary</th>
                <th>Accounts</th>
            </tr>

        </table>
    </div>
</body> 
  $(document).ready(function() {
        var data_length = localStorage.getItem("data_length");
        for (var i = 0; i <= data_length; i++) {
            var primary = localStorage.getItem("primary"+i) == "true"?"checked":"";
            var tag = localStorage.getItem("tag"+i) == "true" ?"true":"false";
            var account = localStorage.getItem("account"+i);
            if (tag != "true" ) {
                continue;
            }
            $("table").append("<tr><td><input type='radio' name='rd_prim' "+primary+"></td><td><span class='account'>"+account+"</span></td></tr>");
        }
  })
$(文档).ready(函数(){
var data_length=localStorage.getItem(“data_length”);

对于(var i=0;我不确定如果没有php服务器,您是否可以做到这一点。我正在使用html和jQuery来做到这一点。仍然在考虑php,先生。第二个页面需要有您正在编码的DOM结构。也就是说,它应该有行选择器html来通过jQuery将其作为目标。否则,唯一的其他选项是使用cookies或localStorage。是的,先生,它是有效的我想做的就是这样。如果p2.html是用选中按钮显示表格的话,怎么样?你是什么意思?我不明白你想要在p2.html上做什么在我们签入p1.html之后,p2.html将显示表格以及“选中”框结果。与p1.html上的表格有什么区别?p1.html允许用户选中复选框and submit.p2.html将仅显示选中用户的表(复选框)。