如何从 html 中的 table 中 select 行中的特定值

Question

it is something like this where i check 1st button i can get the January month savngs which are in a text field 大家好，我计划创建一个 table，如下所示，它在每行的第一列包含一个复选框，选中该复选框后，我必须将路径属性发送到 "next" url 点击提交按钮我该怎么做？

    <form action="/next" method="post">
    <table cellspacing="25" align ="center">
    <tr>
    <td> </td>
    <td></td>
    <td>Name</td>
        <td>Path</td>
        <td>Date</td>
    </tr>
      {% for obj in obj_list %}
     <td><input type="checkbox" name="insta" value="">
     <td>{{ obj._id }}</td>
     <td>{{ obj.name }}</td>
             <td><input type="text" name="path" value="{{ obj._path }}" disabled="disabled" ></td>
     <td>{{ obj.date }}</td>
        {% end %}
    </table>
   </div>
   <div id="send">
   <input type="submit"  value="Send">
  </div>
   </form>

Answer 1

添加JQuery如果没有添加试试这个，添加这个js函数

function changeUrl(clickedChk)
     {
        if( $(clickedChk).is(":checked") )
        {
            var path = $($(clickedChk).closest("tr").find("input[type=text]")[0]).val();
            $("#myform").prop("action",path);
        }
     }

像下面这样html稍微改变一下

    <form id="myform" action="/next" method="post">
    <table cellspacing="25" align ="center">
    <tr>
    <td> </td>
    <td>Id</td>
    <td>Name</td>
        <td>Path</td>
        <td>Date</td>
    </tr>

      {% for obj in obj_list %}
     <tr>
         <td><input onclick="changeUrl(this)" type="checkbox" name="insta" value="">
         <td>{{ obj._id }}</td>
         <td>{{ obj.name }}</td>
                 <td><input type="text" name="path" ></td>
         <td>{{ obj.date }}</td>
     </tr>
        {% end %}
    </table>
   </div>
   <div id="send">
   <input type="submit"  value="Start">
  </div>
</form>

Answer 2

假设您希望在用户单击复选框时自动提交表单，我建议如下 -

<form action="/next" method="post" id="myForm">
    <table cellspacing="25" align ="center">
        <tr>
            <td> </td>
            <td>Id</td>
            <td>Name</td>
            <td>Path</td>
            <td>Date</td>
        </tr>
        {% for obj in obj_list %}
            <tr>
                <td><input type="checkbox" name="insta" value="{{ obj._path }}" onchange="document.getElementById("myForm").submit();" >
                <!-- Object path is added as value for checkbox and as soon as checkbox is checked, the form is submitted -->
                <td>{{ obj._id }}</td>
                <td>{{ obj.name }}</td>
                <td><input type="text" name="path" value="{{ obj._path }}" disabled="disabled" ></td>
                <td>{{ obj.date }}</td>
            </tr>
        {% end %}
    </table>
    <div id="send">
        <input type="submit"  value="Start">
    </div>
</form>

如何从 html 中的 table 中 select 行中的特定值

How to select a particular value in row from a table in html

html

jquery

jinja2