单选,复选操作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
原文地址:https://www.cnblogs.com/shangguancn/p/5732970.html