表格行上input值转为get参数

img

        <table border="1" cellspacing="0">
        {% if pmt %}
            <tr>
                <th style="width: 50px; font-size: 10px;">流水号th>
                <th style="width: 90px; font-size: 10px;">收款组织th>
                <th style="width: 100px; font-size: 10px;">收款日期th>
                <th style="width: 110px;  font-size: 10px;">金额th>
                <th style="width: 230px;  font-size: 10px;">客户th>
                <th style="width: 120px;  font-size: 10px;">登录日期th>
                <th style="width: 90px;  font-size: 10px;">已核销th>
                <th style="width: 90px;  font-size: 10px;">未核销th>
                <th style="width: 90px;  font-size: 10px;">下单日期开始th>
                <th style="width: 90px;  font-size: 10px;">下单日期截止th>
                <th style="width: 90px;  font-size: 10px;">销售订单号th>
                <th style="width: 120px;  font-size: 10px;">操作th>
            tr>
        {% endif %}
            {% for user in pmt %}
            <tr style="height: 30px; font-size: smaller">
                <td style="font-size: 10px">{{ user.pid }}td>
                <td style="font-size: 10px">{{ user.pcmpy }}td>
                <td style="text-align: right; font-size: 10px;">{{ user.pdate }}td>
                <td style="text-align: right; font-size: 10px;">{{ user.pmt|floatformat:2 }}td>
                <td style="font-size: 10px">{{ user.pcust }}td>
                <td style="font-size: 10px">{{ user.pregdt }}td>
                <td style="text-align: right; font-size: 10px;">{{ user.sum_got|floatformat:2 }}td>
                <td style="text-align: right; font-size: 10px;">{{ user.pmt|add:user.un_got|floatformat:2 }}td>
                <td style="text-align: right; font-size: 10px;"><input id="fm" type="date" name="frm" value="">td>
                <td style="text-align: right; font-size: 10px;"><input id="ed" type="date" name="edd" value="">td>
                <td style="text-align: right; font-size: 10px;"><input id="nf" type="text" name="inf" value="">td>
                <td style="font-size: 10px; text-align: center;">
                    <a style="font-size: 10px" href="{% url 'Hm:getmnys' aid=user.pid org=user.pcmpy cust=user.pcust %}"><h7 style="color:yellow;">核销h7>a>
                          <a style="font-size: 10px" href="{% url 'Hm:closemny' pid=user.pid %}"><h7 style="color:yellow;">关闭h7>a>td>
            tr>
            {% endfor %}
        table>


  1. 监听3个input的动作,然后拼凑url赋值给href
  2. 给a标签添加click事件,点击时获取3个input的值,然后拼凑URL通过window.location.href='http://xxx'跳转

img

代码示例

<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"
        type="application/javascript"></script>
<table border="1" cellspacing="0">
    {% if pmt %}
    <tr>
        <th style="width: 50px; font-size: 10px;">流水号</th>
        <th style="width: 90px; font-size: 10px;">收款组织</th>
        <th style="width: 100px; font-size: 10px;">收款日期</th>
        <th style="width: 110px;  font-size: 10px;">金额</th>
        <th style="width: 230px;  font-size: 10px;">客户</th>
        <th style="width: 120px;  font-size: 10px;">登录日期</th>
        <th style="width: 90px;  font-size: 10px;">已核销</th>
        <th style="width: 90px;  font-size: 10px;">未核销</th>
        <th style="width: 90px;  font-size: 10px;">下单日期开始</th>
        <th style="width: 90px;  font-size: 10px;">下单日期截止</th>
        <th style="width: 90px;  font-size: 10px;">销售订单号</th>
        <th style="width: 120px;  font-size: 10px;">操作</th>
    </tr>
    {% endif %}
    {% for user in pmt %}
    <tr style="height: 30px; font-size: smaller">
        <td style="font-size: 10px">{{ user.pid }}</td>
        <td style="font-size: 10px">{{ user.pcmpy }}</td>
        <td style="text-align: right; font-size: 10px;">{{ user.pdate }}</td>
        <td style="text-align: right; font-size: 10px;">{{ user.pmt|floatformat:2 }}</td>
        <td style="font-size: 10px">{{ user.pcust }}</td>
        <td style="font-size: 10px">{{ user.pregdt }}</td>
        <td style="text-align: right; font-size: 10px;">{{ user.sum_got|floatformat:2 }}</td>
        <td style="text-align: right; font-size: 10px;">{{ user.pmt|add:user.un_got|floatformat:2 }}</td>
        <td style="text-align: right; font-size: 10px;"><input id="fm" type="date" name="frm" value=""></td>
        <td style="text-align: right; font-size: 10px;"><input id="ed" type="date" name="edd" value=""></td>
        <td style="text-align: right; font-size: 10px;"><input id="nf" type="text" name="inf" value=""></td>
        <td style="font-size: 10px; text-align: center;">
            <a style="font-size: 10px" href="javascript:void(0);"  onclick="goToUrl(this,'https://www.163.com?param1=value1')"><h7 style="color:yellow;">核销</h7></a>
                  <a style="font-size: 10px" href="{% url 'Hm:closemny' pid=user.pid %}"><h7 style="color:yellow;">关闭</h7></a></td>
    </tr>
    {% endfor %}
</table>
<script>
    function goToUrl(source, originUrl) {
        let tr = $(source).parent().parent();
        let frm = $('[name="frm"]', tr).val();
        let edd = $('[name="edd"]', tr).val();
        let inf = $('[name="inf"]', tr).val();
        originUrl += '&frm=' + frm + '&edd=' + edd + '&inf=' + inf
        window.location.href = originUrl
    }
</script>





需要写js,且你这个链接用js拼接参数,不能jinjia2的写法了。

你的每一行id 要加索引号 然后通过id 去获取input的值。采用js原生的写法即可