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

最终功能是这样的：

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