1 Star 0 Fork 261

陈雄 / B-JUI

forked from xknaan / B-JUI 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
form-checkbox.html 4.01 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
<div class="form-pageContent">
<form action="ajaxDone1.html" id="j_image_form" class="pageForm form-validate" method="post" callback="navTabAjaxDone" noEnter>
<div style="margin:15px auto 0; width:800px;">
<fieldset>
<legend>复选、单选框</legend>
<table class="table table-hover">
<thead>
<tr>
<th>样例</th>
<th>属性</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="checkbox" id="j_form_checkbox1" value="1" data-toggle="icheck" data-label="复选框"></td>
<td>data-toggle="icheck" data-label="复选框"</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" id="j_form_checkbox2" value="1" data-toggle="icheck" data-label="已选中复选框" checked></td>
<td>data-toggle="icheck" data-label="已选中复选框" checked</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" id="j_form_checkbox2" value="1" data-toggle="icheck" data-label="已禁用复选框" disabled></td>
<td>data-toggle="icheck" data-label="已禁用复选框" disabled</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" id="j_form_checkbox3" value="1" data-toggle="icheck" data-label="已选中已禁用复选框" checked disabled></td>
<td>data-toggle="icheck" data-label="已选中已禁用复选框" checked disabled</td>
</tr>
<tr>
<td><input type="radio" name="radio1" id="j_form_radio1" value="1" data-toggle="icheck" data-label="单选框"></td>
<td>data-toggle="icheck" data-label="单选框"</td>
</tr>
<tr>
<td><input type="radio" name="radio2" id="j_form_radio2" value="1" data-toggle="icheck" data-label="已选中单选框" checked></td>
<td>data-toggle="icheck" data-label="已选中单选框" checked</td>
</tr>
<tr>
<td><input type="radio" name="radio2" id="j_form_radio2" value="1" data-toggle="icheck" data-label="已禁用单选框" disabled></td>
<td>data-toggle="icheck" data-label="已禁用单选框" disabled</td>
</tr>
<tr>
<td><input type="radio" name="radio3" id="j_form_radio3" value="1" data-toggle="icheck" data-label="已选中已禁用单选框" checked disabled></td>
<td>data-toggle="icheck" data-label="已选中已禁用单选框" checked disabled</td>
</tr>
<tr>
<td colspan="2">
<div class="alert alert-info form-inline"><i class="fa fa-warning"></i> <strong>复选、单选框的Label:</strong>直接添加<strong>[data-label]</strong>属性,可自动添加上Label。</div>
<div class="alert alert-warning form-inline"><i class="fa fa-warning"></i> <strong>相关事件:</strong>参见<a href="http://www.bootcss.com/p/icheck/" target="_blank">http://www.bootcss.com/p/icheck/</a></div>
</td>
</tr>
</tbody>
</table>
</fieldset>
</div>
</form>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
</ul>
</div>
1
https://gitee.com/coldco519/B-JUI.git
git@gitee.com:coldco519/B-JUI.git
coldco519
B-JUI
B-JUI
master

搜索帮助