bootstrap21-默认的复选框和单选按钮的实例
2017-02-07 16:02
423 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>默认的复选框和单选按钮的实例</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<label for="name">默认的复选框和单选按钮的实例</label>
<div class="checkbox">
<label>
<input type="checkbox" value="">选项 1
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">选项 2
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>选项 1
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">选项 2 - 选择它将会取消选择选项 1
</label>
</div>
</div>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>默认的复选框和单选按钮的实例</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<label for="name">默认的复选框和单选按钮的实例</label>
<div class="checkbox">
<label>
<input type="checkbox" value="">选项 1
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">选项 2
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>选项 1
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">选项 2 - 选择它将会取消选择选项 1
</label>
</div>
</div>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
相关文章推荐
- bootstrap历练实例:复选框或单选按钮作为输入框组的前缀或后缀
- bootstrap22-内联的复选框和单选按钮的实例
- android-UI组件实例大全(四)------单选按钮(RadioButton)和复选框(CheckBox)
- mui开发中获取单选按钮、复选框的值(实例讲解)
- 单选按钮复选框实例
- Bootstrap复选框和单选按钮美化插件(推荐)
- C#当中单选按钮、复选框实例
- Bootstrap复选框和单选按钮美化插件
- 2.2 复选框和单选按钮的使用实例
- 6.单选按钮和复选框的应用实例
- Bootstrap 历练实例 - 按钮(Button)插件复选框
- QButtonGroup:按钮类的非可视化容器,默认可实现按钮的子类实例的单选。
- C# WinForm下DataGridView单选按钮列和支持三种选择状态的复选框列的实现
- js javascript 根据后台的值默认选中单选按钮,radio,单选默认值,单选扭默认
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(一)
- 第7章、单选按钮RadioGroup与复选框CheckBox(从零开始学Android)
- C#上机 第十周 单选按钮和复选框
- struts html标签库 单选按钮 radio 默认选中
- 1)复选框中文字在左边;2)水平滚动条最小值为4、最大值为72;且在窗体Load事件中通过代码设置;3)单击任何复选框,标签上文字样式都发生变化;4)单击任意单选按钮,标签上文字字体都发生改变;5)拖
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(三)