EasyUI前端框架中,单选按钮怎么定义,怎么获取选中值?
时间: 2024-10-17 09:09:21 浏览: 23
在EasyUI前端框架中,单选按钮被称为`com.sun.facelets.tag.ui.RadioGroup`标签,它通常包含多个`com.sun.facelets.tag.ui.RadioButton`标签作为选项。定义单选按钮的基本结构如下:
```html
<script type="text/javascript" src="easyui.min.js"></script>
<link rel="stylesheet" href="easyui.css">
<style>
.easyui-radio {
margin-left: 10px;
}
</style>
<div id="demo" data-options="label:'请选择':width:200">
<radio-group style="width:100%">
<radio label="选项1" value="value1"></radio>
<radio label="选项2" value="value2"></radio>
<!-- 更多选项 -->
</radio-group>
</div>
```
要获取选中值,你可以通过JavaScript或者EasyUI提供的API来操作。例如,在用户点击某个选项后,可以这样做:
```javascript
var radioButton = $('#demo').find('input:checked'); // 获取选中的radio元素
var selectedValue = radioButton.val(); // 通过val()方法获取选中的值
```
阅读全文