el tables columns 多单选框按钮取得选择的值
时间: 2023-05-17 14:03:33 浏览: 60
对于这个问题,你可以使用 jQuery 的选择器来获取选中的单选框按钮的值。首先,你需要为每个单选框按钮设置一个相同的类名,然后使用以下代码来获取选中的值:
var selectedValue = $('input[type=radio].yourClassName:checked').val();
其中,yourClassName 是你为单选框按钮设置的类名。这个代码将返回选中的单选框按钮的值。
相关问题
el tables columns 多单选框按钮取得选择的值,要 element的写法
您可以使用以下代码来获取 el tables columns 中多单选框按钮的选择值:
```javascript
// 获取 el-table-column 中多选框选中的行数据
const selectedRows = this.$refs.table.getSelectedRows();
// 获取 el-table-column 中单选框选中的行数据
const selectedRow = this.$refs.table.getCurrentRow();
```
其中,`this.$refs.table` 是 el-table-column 的引用,`getSelectedRows()` 方法用于获取多选框选中的行数据,`getCurrentRow()` 方法用于获取单选框选中的行数据。您可以根据实际情况选择使用其中的一个方法。
通过el-button按钮获取el-tables-columns多选框所选择值
你可以使用以下代码获取el-tables-columns多选框所选择的值:
```
<template>
<div>
<el-table :data="tableData" ref="multipleTable" :columns="columns" style="width: 100%">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
<el-button type="primary" @click="handleSelection">获取所选值</el-button>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}],
columns: [{
type: 'selection',
width: 55,
align: 'center'
}, {
prop: 'date',
label: '日期',
width: 180,
align: 'center'
}, {
prop: 'name',
label: '姓名',
width: 180,
align: 'center'
}, {
prop: 'address',
label: '地址',
align: 'center'
}]
}
},
methods: {
handleSelection() {
const selectedRows = this.$refs.multipleTable.selection
console.log(selectedRows)
}
}
}
</script>
```
在这个例子中,我们使用了一个el-table组件和一个el-button组件。我们在el-table-columns中添加了一个type为selection的列,这样就可以显示多选框。我们还添加了一个handleSelection方法,当用户点击el-button时,该方法会被调用,然后我们可以使用this.$refs.multipleTable.selection来获取所选值。