123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>选择题</title>
- <meta name="format-detection" content="telephone=no" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <link rel="stylesheet" href="../../../common/iconfont/iconfont.css">
- <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
- <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.min.css"/>
- <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
- <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
- <link rel="stylesheet" type="text/css" href="../css/base.css"/>
- </head>
- <body>
- <div class="h45">
- <div class="demo-comtop">
- <a class="mui-action-back"></a>
- <h1>选择题</h1>
- </div>
- </div>
- <div class="mt10 c-border-tb bgc-fff">
- <input class="title-input c-f16 c-323232" type="text" value="" placeholder="请输入题目标题">
- </div>
-
- <table class="c-table c-border-tb bgc-fff mt10">
- <tbody>
- <tr class="no-border">
- <td class="c-f16">选项</td>
- <td class="c-f16" width="50">填空</td>
- <td class="c-f16" width="50">必填</td>
- <td width="40"></td>
- </tr>
- <tr class="option" data-code="">
- <td class="pl10"><input type="text" class="gray-input c-f14 c-323232" placeholder="选项名称"></td>
- <td>
- <input class="icon-checkbox mr10 comment" type="checkbox">
- </td>
- <td>
- <input class="icon-checkbox mr10 isrequired" disabled type="checkbox">
- </td>
- <td>
- <img class="del_icon" src="../images/icon-shanchu-red.png" width="20">
- </td>
- </tr>
- <tr class="option" data-code="">
- <td class="pl10"><input type="text" class="gray-input c-f14 c-323232" placeholder="选项名称"></td>
- <td>
- <input class="icon-checkbox mr10 comment" type="checkbox">
- </td>
- <td>
- <input class="icon-checkbox mr10 isrequired" disabled type="checkbox">
- </td>
- <td>
- <img class="del_icon" src="../images/icon-shanchu-red.png" width="20">
- </td>
- </tr>
- <tr>
- <td colspan="3" id="new_option">
- <img src="../images/xinzeng_icon.png" width="20"><span class="c-f18 ml10">新增选项</span>
- </td>
- </tr>
- </tbody>
- </table>
- <div class="mt10 c-border-tb bgc-fff ui-grid ptb10 c-f18">
- <div class="ui-col-1 c-t-center">
- <input class="icon-checkbox mr10" type="radio" name="type" value="single" id="single"><label for="single">单选题</label>
- </div>
- <div class="ui-col-1 c-t-center">
- <input class="icon-checkbox mr10" type="radio" name="type" value="multiple" id="multiple"><label for="multiple">多选题</label>
- </div>
- </div>
- <ul class=" c-list mt10 c-border-tb">
- <li class="ptb10 c-list-cover">
- <div class="c-list-info c-f18">是否必答</div>
- <div class="c-list-key">
- <div class="fr mui-switch mui-switch-mini mui-active" id="require">
- <div class="mui-switch-handle"></div>
- </div>
- </div>
- </li>
- <li class="ptb2 c-list-cover" style="display: none;" id="min">
- <div class="c-list-info c-f18">最少选择</div>
- <div class="c-list-key input-group" style="width:70px">
- <select class="form-select width-100">
- <option value="0">不限</option>
- <option value="1">1</option>
- <option value="2">2</option>
- </select>
- <span class="form-select-arrow" style="right:2px;"></span>
- </div>
- </li>
- <li class="ptb2 c-list-cover" style="display: none;" id="max">
- <div class="c-list-info c-f18">最多选择</div>
- <div class="c-list-key input-group" style="width:70px">
- <select class="form-select width-100">
- <option value="0">不限</option>
- <option value="1">1</option>
- <option value="2">2</option>
- </select>
- <span class="form-select-arrow" style="right:2px;"></span>
- </div>
- </li>
- <li class="ptb2 c-list-cover" id="question_sort">
- <div class="c-list-info c-f18">题目顺序</div>
- <div class="c-list-key input-group" style="width:50px">
- <select class="form-select width-100">
- </select>
- <span class="form-select-arrow" style="right:2px;"></span>
- </div>
- </li>
- </ul>
- <div class="plr10 mb30 mt50">
- <a class="c-btn c-btn-full c-btn-17b3ec c-btn-radius" id="submit_btn">确认</a>
- </div>
- </body>
- <script src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
- <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css"/>
- <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../js/multiple_choice_question.js" type="text/javascript" charset="utf-8"></script>
- </html>
|