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

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

最终功能是这样的:

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

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

  1. <tbody>
  2. {foreach $model as $item}
  3. <tr>
  4. <td>{$item.id}</td>
  5. <td>{$item.name}</td>
  6. <td>{$item.type}</td>
  7. <td>{$item.risk}</td>
  8. <td>{$item.scale}</td>
  9. <td>{$item.company}</td>
  10. <td>{$item.manager}</td>
  11. <td>{$item.establishTime}</td>
  12. <td>{$item.createTime}</td>
  13. <td>{$item.updateTime}</td>
  14. <td>
  15. <button type="button" class="btn btn-dark border" onclick="">量化分析</button>
  16. <button type="button" class="btn btn-dark border" onclick="purchase('{$item.id}')">购买份额</button>
  17. </td>
  18. </tr>
  19. {/foreach}
  20. </tbody>
  21. </table>

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

  1. <script>
  2. function purchase(id){
  3. window.location.href='index.php?p=user&c=fund&a=purchase&id=' + id;
  4. }
  5. </script>

相关文章