<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>