选择使用发票

@@ -278,24 +278,22 @@
             </tbody>
         </table>
         <!--YOHO-->
+
+        <div class="section-play">
+            <div class="section-head">发票信息</div>
+            <div class="play-pan">
+                <input class="invoice mes" name="invoice" type="radio" id=""/>发票开具
+                <div class="invoice-content">
+                    <div class="invoice-type mes">电子发票</div>
+                    <div class="invoice-partment mes">个人</div>
+                    <div class="invoice-kind mes">服装</div>
+                    <button class="revise mes">修改
+                </div>
+            </div>
+        </div>
+
         <div class="play-content clearfix">
             <div class="play-left">
-                <dl class="play-piao-pan pan">
-                    <dt>索要发票</dt>
-                    <dd>
-                        <div class="play-pan">
-                            <ul>
-                                <li><label>发票抬头 :</label><input type="text" class="textbox" id="piaodesc" /></li>
-                                <li><label>发票类型 :</label> <select class="dropdown" id="piaotype">
-                                    <option value="0">请选择</option>
-                                    {{#each piaoTypes}}
-                                        <option value="{{id}}">{{name}}</option>
-                                    {{/each}}
-                                </select> </li>
-                            </ul>
-                        </div>
-                    </dd>
-                </dl>
                 <dl class="play-remark-pan pan">
                     <dt>添加备注信息</dt>
                     <dd>

@@ -3,7 +3,8 @@
  * @time: 2015/12/21
  */
 
-var $ = require('yoho.jquery');
+var $ = require('yoho.jquery'),
+    $invoiceCheck = $('.invoice');
 
 var address = require('./address');
 
@@ -852,3 +853,19 @@ $('.bag').find('ul').each(function() {
         $next.hide();
     }
 });
+
+$invoiceCheck.click(function(){
+
+    if ($invoiceCheck.hasClass('active')) {
+        $invoiceCheck.removeAttr('checked');
+        $invoiceCheck.removeClass('active');
+        alert('不开发票');
+    } 
+
+    if ($invoiceCheck.attr('checked')) {
+        $invoiceCheck.addClass('active');
+        alert('开发票');
+    }
+    
+
+})

@@ -87,6 +87,33 @@
         }
     }
 
+    .section-play {
+        margin: 20px auto;
+        border: 1px solid #ccc;
+
+        .section-head {
+            line-height: 40px;
+            background: #eaeaea;;
+            font-size: 14px;
+            padding-left: 20px;
+            font-weight: 500;
+        }
+        .play-pan {
+            padding-left: 20px;
+            line-height: 60px;
+            font-size: 10px;
+            display: inline-block;
+        }
+
+        .invoice-content {
+            display: inline-block;
+        }
+        .mes {
+            display: inline-block;
+            margin: 10px;
+        }
+    }
+
     .play-content {
         padding: 10px;