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

x33g5p2x  于2022-02-28 转载在 JavaScript  
字(1.0k)|赞(0)|评价(0)|浏览(575)

最终功能是这样的:

这个表格中存放了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>

相关文章