Watch Star Fork

xknaan / B-JUIJavaScriptApache-2.0

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
B-JUI(Best jQuery UI) 前端框架,轻松开发,专注您的业务,从B-JUI开始。
一键复制 编辑 原始数据 按行查看 历史
form-checkbox.html 4.01 KB xknaan 提交于 2015-02-24 23:23 . [特别说明:本次更新涉及子页面结构调整,请谨慎更新]
<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>

评论 ( 0 )

你可以在登录后,发表评论

搜索帮助