DW jquery ui单选框样式
时间: 2023-07-09 16:14:20 浏览: 162
一组好看的单选框样式
4星 · 用户满意度95%
你可以使用 jQuery UI 提供的样式来美化单选框,具体步骤如下:
1. 引入 jQuery UI 样式表文件:
```html
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
```
2. 在 HTML 中使用单选框:
```html
<label for="radio1">Option 1</label>
<input type="radio" id="radio1" name="radio">
<label for="radio2">Option 2</label>
<input type="radio" id="radio2" name="radio">
```
3. 使用 jQuery UI 样式:
```html
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "input[type='radio']" ).checkboxradio();
} );
</script>
```
这样就可以使用 jQuery UI 样式美化单选框了。
阅读全文