JavaScript笔记-表格中放按钮并点击调用

Posted 2022-03-02 IT1995

最终功能是这样的：

这个表格中存放了2个按钮，如购买份额，点击到指定页面，这里将url中添加一个id字段如点击后：

对应的表格代码是这样的：

                <tbody>
                foreach $model as $item
                <tr>
                    <td>$item.id</td>
                    <td>$item.name</td>
                    <td>$item.type</td>
                    <td>$item.risk</td>
                    <td>$item.scale</td>
                    <td>$item.company</td>
                    <td>$item.manager</td>
                    <td>$item.establishTime</td>
                    <td>$item.createTime</td>
                    <td>$item.updateTime</td>

                    <td>
                        <button type="button" class="btn btn-dark border" onclick="">量化分析</button>
                        <button type="button" class="btn btn-dark border" onclick="purchase('$item.id')">购买份额</button>
                    </td>

                </tr>
                /foreach
                </tbody>

            </table>

 其中点击购买份额后，调用purchase函数并把id作为参数传递进去了。对应的js代码如下：

<script>
    function purchase(id)

        window.location.href='index.php?p=user&c=fund&a=purchase&id=' + id;

    
</script>