iview 表格单选按钮功能的实现

Posted 2023-03-20

参考技术A 效果图：

左侧的radio是用render渲染出来的 。一般比较难的就是控制按钮的选中与切换

注：props属性的value值就是控制选中与未选择状态

         单选的思路是设置一个currentid与当前点击的id匹配

哈哈，我也是第一次遇到先记录一下，以后有人需要希望可以帮助到你~

iview表格里某一列的单选怎么实现

参考技术A html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。工具原料：编辑器、浏览器一、使用表单的方法提交数据1、利用form表单的action属性来获取表单的数据并提交，代码如下：

<form action="form_action.php" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /></form>

2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法
1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：

<form action="form_action.php" method="get"> <p>First name: <input id="bt1" type="text" name="fname" /></p> <p>Last name: <input id="bt2" type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form> <script> console.log($('#bt1').val()) console.log($('#bt2').val()); </script>

2、其中$('#bt1').val()就是获取input输入内容的值