zoukankan      html  css  js  c++  java
  • 单选,复选操作div,显示隐藏

      1 <!DOCTYPE html>
      2 <html lang="zh-CN">
      3     <head>
      4         <meta charset="utf-8">
      5         <meta http-equiv="X-UA-Compatible" content="IE=edge">
      6         <meta name="viewport" content="width=device-width, initial-scale=1">
      7         <title>会议控制-报名管理-门票设置</title>
      8 
      9         <!-- bootstrap -->
     10         <link rel="stylesheet" id='style-bootstrap' href="assets/package/bootstrap/css/bootstrap.min.css">
     11 
     12         <!-- 主要样式 -->
     13         <link rel="stylesheet" id='style-style' href="assets/css/style.css">
     14 
     15         <!-- 让IE8支持HTML5元素和媒体查询-->
     16         <!-- Respond.js必须在网站环境里才可运行-->
     17         <!--[if lt IE 9]>
     18             <script src="assets/js/html5shiv.min.js"></script>
     19             <script src="assets/js/respond.min.js"></script>
     20         <![endif]-->
     21 
     22         
     23     </head>
     24     <body>
     25 
     26 
     27         <!-- 头部 -->
     28         <header id="header">
     29             <!-- 头部导航开始 -->
     30             <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
     31                 <div class="container">
     32                     <div class="navbar-header">
     33                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
     34                             <span class="sr-only">显示导航</span>
     35                             <span class="icon-bar"></span>
     36                             <span class="icon-bar"></span>
     37                             <span class="icon-bar"></span>
     38                         </button>
     39                         <a class="navbar-brand" href="#">优议</a>
     40                     </div>
     41                     <div class="collapse navbar-collapse navbar-ex1-collapse">
     42                         <ul class="nav navbar-nav">
     43                             <li class="active"><a href="#">首页</a></li>
     44                             <li><a href="#">发现会议</a></li>
     45                         </ul>
     46                         <!-- <form class="navbar-form navbar-left" role="search">
     47                             <div class="form-group">
     48                                 <input type="text" class="form-control" placeholder="Search">
     49                             </div>
     50                             <button type="submit" class="btn btn-default">Submit</button>
     51                         </form> -->
     52                         <ul class="nav navbar-nav navbar-right">
     53                             <li><button type="button" class="btn btn-default navbar-btn">发布会议</button></li>
     54                             <li><a href="#">右侧导航</a></li>
     55                             <li class="dropdown">
     56                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单 <b class="caret"></b></a>
     57                                 <ul class="dropdown-menu">
     58                                     <li><a href="#">下拉菜单</a></li>
     59                                     <li><a href="#">下拉菜单</a></li>
     60                                     <li><a href="#">下拉菜单</a></li>
     61                                     <li><a href="#">下拉菜单</a></li>
     62                                 </ul>
     63                             </li>
     64                         </ul>
     65                     </div>
     66                 </div>
     67             </nav>
     68             <!-- 头部导航结束 -->
     69         </header>
     70         <!-- 头部结束 -->
     71         
     72         <!-- 会议主形象开始 -->
     73         <div class="page-user-kv" id="kv">
     74             <div class="site-wrapper">
     75                 <div class="site-wrapper-inner">
     76                     <div class="cover-container">
     77                         <div class="inner cover">
     78                             <div class="container">
     79                                 <h1 class="cover-heading">GIEC2016第二届全球互联网经济大会</h1>
     80                                 <p class="lead">
     81                                 </p>
     82                                 <div class="page-user-kv-meta">
     83                                     <span><i class="fa fa-users"></i>会议主办方:朗集/朗集/中科创 </span>
     84                                     <span><i class="fa fa-clock-o"></i>会议举办时间:2016年7月6日</span>
     85                                 </div>
     86                             </div>
     87                         </div>
     88                     </div>
     89                 </div>
     90             </div>
     91         </div>
     92         <!-- 会议主形象结束 -->
     93 
     94         <!-- 主体开始 -->
     95         <main id="main">
     96             <!-- 用户管理第二大导航 -->
     97             <nav class="navbar navbar-default user-center-page-navigation" role="navigation">
     98                 <div class="container">
     99                     <div class="navbar-header">
    100                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
    101                             <span class="sr-only">显示导航</span>
    102                             <span class="icon-bar"></span>
    103                             <span class="icon-bar"></span>
    104                             <span class="icon-bar"></span>
    105                         </button>
    106                     </div>
    107                     <div class="row">
    108                         <div class="collapse navbar-collapse navbar-ex1-collapse p0">
    109                             <ul class="nav navbar-nav">
    110                                 <li ><a href="meet-basic-intro.html">基本管理</a></li>
    111                                 <li><a href="meet-extend-index.html">会议推广</a></li>
    112                                 <li><a href="meet-host-zhu.html">举办方</a></li>
    113                                 <li><a href="meet-res-select.html">资源管理</a></li>
    114                                 <li class="active"><a href="meet-sign-join.html">报名管理</a></li>
    115                                 <li><a href="meet-son-son.html">子帐号</a></li>
    116                                 <li><a href="meet-doc-all.html">文档管理</a></li>
    117                                 <li><a href="meet-live-sign.html">现场管理</a></li>
    118                                 <li><a href="meet-goout-ticket.html">出行管理</a></li>
    119                                 <li><a href="meet-market-buy.html">应用市场</a></li>
    120                                 <li><a href="meet-data-meet.html">数据统计</a></li>
    121                             </ul>
    122                             <!-- <ul class="nav navbar-nav navbar-right">
    123                                 <li><button type="button" class="btn btn-default navbar-btn">发布会议</button></li>
    124                                 <li><a href="#">右侧导航</a></li>
    125                                 <li class="dropdown">
    126                                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单 <b class="caret"></b></a>
    127                                     <ul class="dropdown-menu">
    128                                         <li><a href="#">下拉菜单</a></li>
    129                                         <li><a href="#">下拉菜单</a></li>
    130                                         <li><a href="#">下拉菜单</a></li>
    131                                         <li><a href="#">下拉菜单</a></li>
    132                                     </ul>
    133                                 </li>
    134                             </ul> -->
    135                         </div>
    136                     </div>
    137                 </div>
    138             </nav>
    139             <!-- 用户管理第二大导航 -->
    140             <!-- 用户页面 -->
    141             <div class="page-user">
    142                 <div class="container">
    143                     <div class="row">
    144                         <div class="col-md-3 sidebar">
    145                             <!-- 用户侧边栏开始 -->
    146                             <div class="user-left">
    147                                 <div class="panel panel-default">
    148                                   <div class="panel-heading">报名管理</div>
    149                                   <ul class="list-group">
    150                                     <a href="meet-sign-join.html" class="list-group-item"><li>参会人员管理</li></a>
    151                                     <a href="meet-sign-ticket.html" class="list-group-item on"><li>门票设置</li></a>
    152                                     <a href="meet-sign-sign.html" class="list-group-item"><li>报名设置</li></a>
    153                                     <a href="meet-sign-invi.html" class="list-group-item"><li>定制邀请函</li></a>
    154                                     <a href="#" class="list-group-item text-center">
    155                                         <img src="assets/images/weixin_qrcode_plus.png" alt="二维码" title="扫描二维码" class="imgline"/>
    156                                         <p>查看会议手机版专题页</p>
    157                                     </a>
    158                                     <a href="#" class="list-group-item text-center">
    159                                         <button class="btn btn-success">查看会议专题页</button>
    160                                     </a>
    161                                   </ul>
    162                                 </div>
    163                             </div>
    164                             <!-- 用户侧边栏结束 -->
    165                         </div>
    166 
    167 
    168                         <div class="col-md-9 page-user-right">
    169                             
    170                             <!-- 用户右侧开始 -->
    171                             <div class="user-right">
    172                                 <header>
    173                                     <div class="user-right-title">
    174                                         <h4>门票设置</h4>
    175                                     </div>
    176                                 </header>
    177                                 
    178                                 <!--短信充值-->
    179                                 <div class="ticket bf pf20 pb0">
    180                                     <div class="row pb0">
    181                                         <div class="col-md-2 text-center">
    182                                             <img src="http://placehold.it/100x100" class="img-responsive" alt="" title=""/>
    183                                         </div>
    184                                         <div class="col-md-7">
    185                                             <div class="row">
    186                                                 <h4>购票短信通知</h4>
    187                                                 <p>开启通知后,活动验证码会以短信形式发送给报名者!</p>
    188                                                 <div class="col-md-8 pl0">
    189                                                     <div class="radio radio-success">
    190                                                         <input type="radio" name="radio1" id="radio1" value="1"/>
    191                                                         <label for="radio1">
    192                                                             开启(短信内容以66个字符一条进行计费)
    193                                                         </label>
    194                                                     </div>
    195                                                 </div>
    196                                                 <div class="col-md-4">
    197                                                     <div class="radio radio-success">
    198                                                         <input type="radio" name="radio1" id="radio2" value="2" class="mt" checked="checked"/>
    199                                                         <label for="radio2">
    200                                                             关闭
    201                                                         </label>
    202                                                     </div>
    203                                                 </div>
    204                                             </div>
    205                                         </div>
    206                                         <div class="col-md-3">
    207                                             <div class="row">
    208                                                 <div class="col-md-12">
    209                                                     <span>您的短信余额:</span>
    210                                                     <span id="" class="text-danger h4">0</span>
    211                                                     <span></span>
    212                                                 </div>
    213                                             </div>
    214                                             <div class="row">
    215                                                 <div class="col-md-12">
    216                                                     <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#mychong">充值</a>
    217                                                 </div>
    218                                             </div>
    219                                         </div>
    220                                     </div>
    221                                 </div>
    222                                 <!--短信充值结束-->
    223                                 
    224                                 <!--充值摸态框-->
    225                                 <div class="modal fade" id="mychong" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    226                                     <div class="modal-dialog" role="document">
    227                                         <div class="modal-content">
    228                                             <div class="modal-header">
    229                                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    230                                                 <h4 class="modal-title" id="myModalLabel">标题</h4>
    231                                             </div>
    232                                             <div class="modal-body">
    233                                                 <!--充值金额-->
    234                                                <div class="row">
    235                                                     <div class="col-md-2 pr0">
    236                                                         <small>充值金额:</small>
    237                                                     </div>
    238                                                     
    239                                                     <div class="col-md-4">
    240                                                         <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入充值金额">
    241                                                     </div>
    242                                                 </div>
    243                                                 <!--充值金额-->
    244                                                 <!--充值方式-->
    245                                                <div class="row">
    246                                                     <div class="col-md-2 pr0">
    247                                                         <small>充值方式:</small>
    248                                                     </div>
    249                                                     
    250                                                     <div class="col-md-2">
    251                                                         <a href="res-bao-active.html" class="b_font">优议宝</a>
    252                                                     </div>
    253                                                     <div class="col-md-2">
    254                                                         <a href="#" class="b_font">微信</a>
    255                                                     </div>
    256                                                     <div class="col-md-2">
    257                                                         <a href="#" class="b_font">支付宝</a>
    258                                                     </div>
    259                                                 </div>
    260                                                 <!--充值金额-->
    261                                                 <!--选择银行-->
    262                                                <div class="row pb0">
    263                                                     <div class="col-md-2 pr0">
    264                                                         <small>选择银行:</small>
    265                                                     </div>
    266                                                     
    267                                                     <div class="col-md-4">
    268                                                         <select class="form-control">
    269                                                           <option>工商银行</option>
    270                                                           <option>建设银行</option>
    271                                                           <option>农商银行</option>
    272                                                           <option>交通银行</option>
    273                                                         </select>
    274                                                     </div>
    275                                                 </div>
    276                                                 
    277                                                 <div class="row pb0">
    278                                                     <div class="col-md-2 pr0">
    279                                                         <small>银行卡类型:</small>
    280                                                     </div>
    281                 
    282                                                     <div class="col-md-2">
    283                                                         <div class="radio radio-success">
    284                                                             <input type="radio" name="radio8" id="radio8" value="option1" checked="checked">
    285                                                             <label for="radio8">
    286                                                                 储蓄卡
    287                                                             </label>
    288                                                         </div>
    289                                                         
    290                                                     </div>
    291                 
    292                                                     <!--<div class="col-md-2">
    293                                                         <div class="radio radio-success">
    294                                                             <input type="radio" name="radio8" id="radio9" value="option2">
    295                                                             <label for="radio9">
    296                                                                银行卡
    297                                                             </label>
    298                                                         </div>
    299                                                     </div>-->
    300                                                 </div>
    301                                                 <div class="row">
    302                                                     <div class="col-md-2"></div>
    303                                                     <div class="col-md-3">
    304                                                         <a href="#">选择更多银行</a>
    305                                                     </div>
    306                                                 </div>
    307                                             <!--选择银行-->
    308                                             <!--应付金额-->
    309                                             <div class="row">
    310                                                     <div class="col-md-2 pr0">
    311                                                         <small>应付金额:</small>
    312                                                     </div>
    313                                                     <div class="col-md-3">
    314                                                         <div><span class="fs18 text-warning">57.00</span></div>
    315                                                     </div>
    316                                                 </div>
    317                                             <!--应付金额-->
    318                                             </div>
    319                                             <div class="modal-footer">
    320                                                 <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
    321                                                 <button type="button" class="btn btn-primary">快捷支付</button>
    322                                             </div>
    323                                         </div>
    324                                     </div>
    325                                 </div>
    326                                 <!--充值摸态框-->
    327                                 
    328                                 
    329                                 <!--添加票-->
    330                                 <div class="row mt">
    331                                     <div class="col-md-12">
    332                                         <button type="button" class="btn btn-success pull-right" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i>添加票</button>
    333                                     </div>
    334                                 </div>
    335                                 <!--添加票结束-->
    336                                 <!--添加票模态框-->
    337                                 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    338                                     <div class="modal-dialog" role="document">
    339                                         <div class="modal-content content">
    340                                             <div class="modal-header">
    341                                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    342                                                 <h4 class="modal-title" id="myModalLabel">添加门票</h4>
    343                                             </div>
    344                                             <div class="modal-body">
    345                                                 <div class="row">
    346                                                     <div class="col-md-2">
    347                                                         <span class="b_font block">门票名称:<span class="text-danger">*</span></span>
    348                                                     </div>
    349                                                     <div class="col-md-8">
    350                                                         <input type="text" class="form-control" id="" name="" placeholder="请输入门票名称"/>
    351                                                     </div>
    352                                                 </div>
    353                                                 <div class="row pb0">
    354                                                     <div class="col-md-2">
    355                                                         <span class="b_font block">门票类型</span>
    356                                                     </div>
    357                                                     <div class="col-md-8">
    358                                                         <div class="row pl15 pb0">
    359                                                             <div class="col-md-4">
    360                                                                 <div class="radio radio-success">
    361                                                                     <input type="radio" name="radio" id="radio3" value="1">
    362                                                                     <label for="radio3">
    363                                                                         收费门票
    364                                                                     </label>
    365                                                                 </div>
    366                                                             </div>
    367                                                         </div>
    368                                                         <div id="shoufei" style="display: none;">
    369                                                         <div class="row">
    370                                                             <div class="col-md-3">
    371                                                                 <span class="block b_font">费用:</span>
    372                                                             </div>
    373                                                             <div class="col-md-4">
    374                                                                 <input type="text" class="form-control" id="" name=""/>
    375                                                             </div>
    376                                                             <div class="col-md-4">
    377                                                                 <span class="block text-danger b_font">必填项</span>
    378                                                             </div>
    379                                                         </div>
    380                                                         <div class="row">
    381                                                             <div class="col-md-3">
    382                                                                 <span class="block b_font">费用显示:</span>
    383                                                             </div>
    384                                                             <div class="col-md-8">
    385                                                                 <select name="" class="form-control">
    386                                                                     <option value="">服务费包含在票价中(>=2)</option>
    387                                                                     <option value="">服务费不包含在票价中</option>
    388                                                                 </select>
    389                                                                 <span class="help-inline text-success">售票价格¥<span>100</span>,您所得¥<span>97.5</span>,服务费¥<span>2.5</span></span>
    390                                                             </div>
    391                                                         </div>
    392                                                         <div class="row pb0">
    393                                                             <div class="col-md-3">
    394                                                                 <span class="block b_font">是否审核:</span>
    395                                                             </div>
    396                                                             <div class="col-md-4">
    397                                                                 <select name="" class="form-control">
    398                                                                     <option value="">审核</option>
    399                                                                     <option value="">不审核</option>
    400                                                                 </select>
    401                                                             </div>
    402                                                         </div>
    403                                                         </div>
    404                                                         
    405                                                         <div class="row pl15">
    406                                                             <div class="col-md-4">
    407                                                                 <div class="radio radio-success">
    408                                                                     <input type="radio" name="radio" id="radio4" value="2">
    409                                                                     <label for="radio4">
    410                                                                         免费门票
    411                                                                     </label>
    412                                                                 </div>
    413                                                             </div>
    414                                                         </div>
    415                                                         
    416                                                     </div>
    417                                                 </div>
    418                                                 <div class="row">
    419                                                     <div class="col-md-2">
    420                                                         <span class="b_font block">可售数量:</span>
    421                                                     </div>
    422                                                     <div class="col-md-3">
    423                                                         <input type="number" class="form-control" id="" name="" value="10"/>
    424                                                     </div>
    425                                                 </div>
    426                                                 <div class="row">
    427                                                     <div class="col-md-12">
    428                                                         <div class="checkbox">
    429                                                             <input id="checkbox1" name="setting" type="checkbox">
    430                                                             <label for="checkbox1">
    431                                                                  显示门票高级设置: (售票时间段、购票数限制、门票说明)
    432                                                             </label>
    433                                                         </div>
    434                                                     </div>
    435                                                 </div>
    436                                                 <div class="setting" id="setting">
    437                                                 <div class="row">
    438                                                     <div class="col-md-1"></div>
    439                                                     <div class="col-md-2">
    440                                                         <span class="b_font block">售票时间:</span>
    441                                                     </div>
    442                                                     <div class="col-md-9">
    443                                                         <div>
    444                                                             <div class="checkbox">
    445                                                                 <input id="checkbox2" type="checkbox" name="checkbox2">
    446                                                                 <label for="checkbox2">
    447                                                                      (默认到活动结束,也可以自定义售票时间)
    448                                                                 </label>
    449                                                             </div>
    450                                                         </div>
    451                                                         <div class="col-md-6 setting" id="customTime">
    452                                                             <input type="text" name="customTime" id="customTime" value="1" class="form-control" />
    453                                                         </div>
    454                                                     </div>
    455                                                 </div>
    456                                                 <div class="row">
    457                                                     <div class="col-md-1"></div>
    458                                                     <div class="col-md-2">
    459                                                         <span class="b_font block">最小购票:</span>
    460                                                     </div>
    461                                                     <div class="col-md-2">
    462                                                         <input type="number" class="form-control" min="1" value="1" id="" name=""/>
    463                                                     </div>
    464                                                     <div class="col-md-7">
    465                                                         <span class="block text-danger b_font">每次购买此门票的最小数量</span>
    466                                                     </div>
    467                                                 </div>
    468                                                 <div class="row">
    469                                                     <div class="col-md-1"></div>
    470                                                     <div class="col-md-2">
    471                                                         <span class="b_font block">最大购票:</span>
    472                                                     </div>
    473                                                     <div class="col-md-2">
    474                                                         <input type="number" class="form-control" min="1" value="1" id="" name=""/>
    475                                                     </div>
    476                                                     <div class="col-md-7">
    477                                                         <span class="block text-danger b_font">每次购买此门票的最大数量</span>
    478                                                     </div>
    479                                                 </div>
    480                                                 <div class="row">
    481                                                     <div class="col-md-1"></div>
    482                                                     <div class="col-md-2">
    483                                                         <span class="b_font block">门票说明:</span>
    484                                                     </div>
    485                                                     <div class="col-md-7">
    486                                                         <textarea class="form-control" name="" rows="4" cols=""></textarea>
    487                                                     </div>
    488                                                 </div>
    489                                                 </div>
    490                                                 <div class="row">
    491                                                     <div class="col-md-12 text-danger">
    492                                                         <p>温馨提示</p>
    493                                                         <p>1.门票价格是用户购买门票需支付的费用。服务费是优议收取的支付手续费。</p>
    494                                                         <p>2.免费门票如果选择了审核,系统将只给组织者审核通过的报名用户发送门票。</p>
    495                                                     </div>
    496                                                 </div>
    497                                             </div>
    498                                             <div class="modal-footer">
    499                                                 <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
    500                                                 <button type="button" class="btn btn-primary">保存</button>
    501                                             </div>
    502                                         </div>
    503                                     </div>
    504                                 </div>
    505                                 
    506                                 <!--门票表格-->
    507                                 <table class="table table-bordered text-center">
    508                                            <thead>
    509                                                  <tr class="active text-center">
    510                                                  <th class="col-md-1 text-center">
    511                                                      <div class="m0 checkbox" >
    512                                                         <input id="checkbox4" type="checkbox">
    513                                                         <label for="checkbox4">
    514                                                         </label>
    515                                                     </div>
    516                                                  </th>
    517                                                  <th class="col-md-2">门票名称</th>
    518                                                  <th class="col-md-2">已售/总票数</th>
    519                                                  <th class="col-md-1">售票价格</th>
    520                                                  <th class="col-md-1">服务费</th>
    521                                                  <th class="col-md-2">状态</th>
    522                                                  <th class="col-md-2">操作</th>
    523                                                   </tr>
    524                                            </thead>
    525                                           <tbody>
    526                                               <tr>
    527                                                 <td class="text-center">
    528                                                     <div class="m0 checkbox" >
    529                                                         <input id="checkbox2" type="checkbox">
    530                                                         <label for="checkbox2">
    531                                                         </label>
    532                                                     </div>
    533                                                 </td>
    534                                                 <td>分享券</td>
    535                                                 <td>2/200</td>
    536                                                 <td>¥ 0</td>
    537                                                 <td>¥ 0</td>
    538                                                 <td>正在售票</td>
    539                                                 <td>
    540                                                     <a href="#" data-toggle="modal" data-target="#add" class="btn btn-success btn-xs">暂停</a>
    541                                                     <a href="#" data-toggle="modal" data-target="#myModal" class="btn btn-success btn-xs">修改</a>
    542                                                 </td>
    543                                               </tr>
    544                                            </tbody>
    545                                     </table>
    546                                 
    547                                 <!--收款/发票-->
    548                                 <!--分页-->
    549                                 <ul class="nav nav-tabs">
    550                                     <li class="active">
    551                                         <a href="#shouqian" data-toggle="tab">
    552                                             收款设置
    553                                            </a>
    554                                        </li>
    555                                     <li>
    556                                         <a href="#fapiao" data-toggle="tab">
    557                                             发票设置
    558                                         </a>
    559                                     </li>
    560                                 </ul>
    561                                 <!--分页结束-->
    562                                 <!--分页内容-->
    563                                 <div class="tab-content">
    564                                        <div class="tab-pane fade in active" id="shouqian">
    565                                        <div class="row mt3">
    566                                            <div class="col-md-2">
    567                                                信息收集类型
    568                                            </div>
    569                                            <div class="col-md-10">
    570                                                <div class="switch">
    571                                                 <input type="checkbox" name="my-checkbox"  checked />
    572                                             </div>
    573                                            </div>
    574                                        </div>
    575                                        <div class="row pb0">
    576                                                <div class="col-md-2">
    577                                                    <span class="block b_font">支付币种:</span>
    578                                                </div>
    579                                                <div class="col-md-2">
    580                                                    <div class="radio radio-success"> 
    581                                                 <input type="radio" name="radio3" id="radio5" value="3" checked="checked">
    582                                                 <label for="radio5">
    583                                                     人民币
    584                                                 </label>
    585                                             </div>
    586                                                </div>
    587                                                <div class="col-md-2 pl0">
    588                                                    <div class="radio radio-success">
    589                                                 <input type="radio" name="radio3" id="radio6" value="4">
    590                                                 <label for="radio6">
    591                                                     美元
    592                                                 </label>
    593                                             </div>
    594                                                </div>
    595                                        </div>
    596                                        <div class="row pb0">
    597                                                <div class="col-md-2">
    598                                                    <span class="block b_font">支付设置:</span>
    599                                                </div>
    600                                                <div class="col-md-2">
    601                                                    <div class="radio radio-danger">
    602                                                     <input id="topPay" type="radio" name="topPay" value="1">
    603                                                     <label for="topPay">
    604                                                         线上支付
    605                                                     </label>
    606                                                 </div>
    607                                                </div>
    608                                        </div>
    609                                        <div class="row pb0 payment" id="payment">
    610                                                <div class="col-md-2">
    611                                                </div>
    612                                                <div class="col-md-3">
    613                                                    <div class="checkbox mt0 pl25">
    614                                                     <input id="checkbox8" type="checkbox" name="alipay">
    615                                                     <label for="checkbox8">
    616                                                             支付宝
    617                                                     </label>
    618                                                 </div>
    619                                                 <div class="row pl25 setting" id="alipay">
    620                                                         <select name="" class="form-control pull-left">
    621                                                         <option value="">21335380@qq.com</option>
    622                                                         <option value="">21335380@qq.com</option>
    623                                                         <option value="">21335380@qq.com</option>
    624                                                         </select>
    625                                                         <a href="#"><span class="text-danger block pull-right">收款账户管理</span></a>
    626                                                 </div>
    627                                                 <div class="row pl25">
    628                                                     <div class="checkbox mt0">
    629                                                         <input id="checkbox9" type="checkbox" name="WeChat" checked="checked">
    630                                                         <label for="checkbox9">
    631                                                                 微信支付
    632                                                         </label>
    633                                                     </div>
    634                                                 </div>
    635                                                </div>
    636                                        </div>
    637                                        <div class="row pb0">
    638                                                <div class="col-md-2">
    639                                                </div>
    640                                                <div class="col-md-2">
    641                                                    <div class="radio radio-danger">
    642                                                     <input id="underPay" type="radio" name="topPay" value="2">
    643                                                     <label for="underPay">
    644                                                         线下支付
    645                                                     </label>
    646                                                 </div>
    647                                                </div>
    648                                        </div>
    649                                        </div>
    650                                        <!--发票分页详情-->
    651                                     <div class="tab-pane fade" id="fapiao">
    652                                         <div class="row mt3">
    653                                             <div class="col-md-2">
    654                                                 发票支持:
    655                                             </div>
    656                                             <div class="col-md-4">
    657                                                 <div class="radio radio-inline radio-success">
    658                                                     <input type="radio" name="radiok" id="radioy" value="1" checked="checked"/>
    659                                                     <label for="radioy">开启</label>
    660                                                     
    661                                                 </div>
    662                                                 <div class="radio radio-inline radio-success">
    663                                                     <input type="radio" name="radiok" id="radion" value="2"/>
    664                                                     <label for="radion">关闭</label>
    665                                                     
    666                                                 </div>
    667                                             </div>
    668                                         </div>
    669                                         <div class="row fapiao">
    670                                             <div class="col-md-2">
    671                                             </div>
    672                                             <div class="col-md-10">
    673                                                 <div class="row">
    674                                                     <div class="col-md-2">
    675                                                         发票类型:
    676                                                     </div>
    677                                                     <div class="col-md-9">
    678                                                         <div class="radio radio-inline radio-success">
    679                                                             <input type="radio" name="radio" id="radiop" value="" checked="checked"/>
    680                                                             <label for="radiop">普通发票</label>
    681                                                         </div>
    682                                                         <div class="radio radio-inline radio-success">
    683                                                             <input type="radio" name="radio" id="radioz" value=""/>
    684                                                             <label for="radioz">专用发票</label>
    685                                                         </div>
    686                                                         <div class="radio radio-inline radio-success">
    687                                                             <input type="radio" name="radio" id="radiot" value=""/>
    688                                                             <label for="radiot">通用机打发票</label>
    689                                                         </div>
    690                                                     </div>
    691                                                 </div>
    692                                                 <div class="row">
    693                                                     <div class="col-md-2">
    694                                                         服务项目:
    695                                                     </div>
    696                                                     <div class="col-md-9">
    697                                                             <div class="add-tags-box-all">
    698                                                                 <div class="add-tags-box-all-tip">
    699                                                                     <button type="button" class="btn btn-default btn-sm add-tags-btn"><i class="fa fa-plus"></i>添加</button>
    700                                                                 </div>
    701                                                             </div>
    702                                                     </div>
    703                                                 </div>
    704                                                 <div class="row">
    705                                                     <div class="col-md-2">
    706                                                         现场领取:
    707                                                     </div>
    708                                                     <div class="col-md-9">
    709                                                         <div class="radio radio-inline radio-success">
    710                                                             <input type="radio" name="radiox" id="radioy2" value="" checked="checked"/>
    711                                                             <label for="radioy2">开启</label>
    712                                                         </div>
    713                                                         <div class="radio radio-inline radio-success">
    714                                                             <input type="radio" name="radiox" id="radion2" value=""/>
    715                                                             <label for="radion2">关闭</label>
    716                                                         </div>
    717                                                     </div>
    718                                                 </div>
    719                                                 <div class="row">
    720                                                     <div class="col-md-2">
    721                                                         快递支持:
    722                                                     </div>
    723                                                     <div class="col-md-9">
    724                                                         <div class="radio radio-inline radio-success">
    725                                                             <input type="radio" name="radiok2" id="radioy3" value="" checked="checked"/>
    726                                                             <label for="radioy3">开启</label>
    727                                                         </div>
    728                                                         <div class="radio radio-inline radio-success">
    729                                                             <input type="radio" name="radiok2" id="radion3" value=""/>
    730                                                             <label for="radion3">关闭</label>
    731                                                         </div>
    732                                                     </div>
    733                                                 </div>
    734                                             </div>
    735                                         </div>
    736                                     </div>
    737                                 </div>
    738                                 <!--分页内容结束-->
    739 
    740                                 
    741                                 
    742                                 <div class="row">
    743                                     <div class="col-md-12">
    744                                         <button class="btn btn-success">保存</button>
    745                                     </div>
    746                                 </div>
    747                             </div>
    748                             <!-- 用户右侧结束 -->
    749                             
    750                         </div>
    751                     </div>
    752                 </div>
    753             </div>
    754             <!-- 用户页面结束 -->
    755         </main>
    756         <!-- 主体结束 -->
    757 
    758 
    759         <!-- 页脚开始 -->
    760         <footer id="footer">
    761             
    762         </footer>
    763         <!-- 页脚结束 -->
    764 
    765 
    766         <!-- script-jquery -->
    767         <script src="assets/js/jquery.min.js"></script>
    768 
    769         <!-- script-bootstrap -->
    770         <script src="assets/package/bootstrap/js/bootstrap.min.js"></script>
    771 
    772         <!-- script-bootstrap-superman bs扩展增强 -->
    773         <script src="assets/package/bootstrap/js/bootstrap.superman.js"></script>
    774         
    775         <!--引用bootstrap开关-->
    776         <script src="assets/package/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript" charset="utf-8"></script>
    777         <script type="text/javascript">
    778         $(function() {
    779           $('[name="my-checkbox"]').bootstrapSwitch({
    780               onColor:"success",  
    781             offColor:"info",
    782             size:"mini",
    783             onText:"on",
    784             offText:"off"
    785           });
    786         });
    787         $("input:radio[id='radio1']").click(function(){
    788             alert("温馨提示:请确认您的短信余额充足。如果您的短信余额不足,可能导致该功能不可用。请定期检查您的短信余额。");
    789         });
    790         $("input:radio[name='radio']").click(function(){
    791             var val = $("input:radio[name='radio']:checked").val();
    792             switch(val)
    793                 {
    794                 case '1':
    795                     $('#shoufei').fadeIn('.5s');
    796                   break;
    797                 case '2':
    798                     $('#shoufei').fadeOut('.5s');
    799                   break;
    800                 }
    801             
    802         });
    803         $("input:radio[name='radiok']").click(function(){
    804             var val = $("input:radio[name='radiok']:checked").val();
    805             switch(val)
    806                 {
    807                 case '1':
    808                     $('.fapiao').fadeIn('.5s');
    809                   break;
    810                 case '2':
    811                     $('.fapiao').fadeOut('.5s');
    812                   break;
    813                 }
    814             
    815         });
    816         $("input:radio[name='topPay']").click(function(){
    817             var val = $("input:radio[name='topPay']:checked").val();
    818             switch(val)
    819                 {
    820                 case '1':
    821                     $('#payment').fadeIn('.5s');
    822                   break;
    823                 case '2':
    824                     $('#payment').fadeOut('.5s');
    825                   break;
    826                 }
    827             
    828         });
    829         $("input:checkbox[name='setting']").click(function(){
    830             if($("input:checkbox[name='setting']").is(':checked')) {
    831                 $("#setting").css("display","block");
    832             }else {
    833                 $("#setting").css("display","none");
    834             }
    835         });
    836         $("input:checkbox[name='alipay']").click(function(){
    837             if($("input:checkbox[name='alipay']").is(':checked')) {
    838                 $("#alipay").css("display","block");
    839                 $("input:checkbox[name='WeChat']:checked").removeAttr("checked");
    840             }else {
    841                 $("#alipay").css("display","none");
    842                 $("input:checkbox[name='WeChat']").attr("checked","checked");
    843             }
    844         });
    845         
    846         $("input:checkbox[name='checkbox2']").click(function(){
    847             if($("input:checkbox[name='checkbox2']").is(':checked')){
    848                 //alert('1111');
    849                     $("#customTime").css("display","block");
    850                 }else {
    851                     $("#customTime").css("display","none");
    852                 }
    853         });
    854         
    855         /*function chewww_zzjs_netValidate(cb) {
    856             for (j = 0; j < 2; j++) {
    857             if (eval("document.zzjs_net.www_zzjs_net[" + j + "].checked") == true) {
    858             document.zzjs_net.www_zzjs_net[j].checked = false;
    859             if (j == cb) {
    860             document.zzjs_net.www_zzjs_net[j].checked = true;
    861             }
    862             }
    863         }*/
    864         </script>
    865 
    866     </body>
    867 </html>
    View Code
  • 相关阅读:
    串字符串下沙的沙粒
    格式返回jquery js 获取获得时间差,时间格式为
    类型数组perl6学习
    安装文件win7,ubuntu双系统的安装——准备工作
    下标注意【算法】冒泡排序与选择排序的递归实现
    容器结构Thrift的数据类型系统
    linux初次入门学习小结
    sata拷贝文件时候framebuffer 闪烁问题
    switch_root 到nfs根文件
    Linux内核中64 bit division
  • 原文地址:https://www.cnblogs.com/shangguancn/p/5732970.html
Copyright © 2011-2022 走看看