MVC里的分部视图的div如何显示和隐藏

Question

MVC里的分部视图的div如何显示和隐藏

Answer 1

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90

<div id="a ">         <table border="1px" bordercolor="#696969" cellspacing="0px" style="width:auto">             <tr>                 <td align="center" valign="top" colspan="6">                     <p>                         @*<span style="font-size: 10px; font-weight: bold">@Model.DisTypeId</span>*@                         <span style="font-size: 10px; font-weight: bold">充值 信息</span>                     </p>                 </td>             </tr>             <tr>                 <td align="center" valign="top" width="150px">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">充值金额</span>                         </strong>                     </p>                 </td>                 <td align="center" valign="top" width="150px">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">充值积分</span>                         </strong>                     </p>                 </td>             </tr>             <tr>                 <td align="center" valign="top" colspan="1">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">@Model.LoseMoney</span>                         </strong>                     </p>                 </td>                 <td align="center" valign="top" colspan="1">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">@Model.LosePoints</span>                         </strong>                     </p>                 </td>             </tr>         </table>     </div>       <div id="b " >         <table border="1px" bordercolor="#696969" cellspacing="0px" style="width:auto">             <tr>                 <td align="center" valign="top" colspan="6">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">消费 信息</span>                         </strong>                     </p>                 </td>             </tr>             <tr>                 <td align="center" valign="top" colspan="2">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">产品名称</span>                         </strong>                     </p>                 </td>                 <td align="center" valign="top" colspan="2">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">产品数量</span>                         </strong>                     </p>                 </td>             </tr>             <tr>                 <td align="center" valign="top" colspan="2">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">@Model.ProductName</span>                         </strong>                     </p>                 </td>                 <td align="center" valign="top" colspan="2">                     <p>                         <strong>                             <span style="font-size: 6px; font-weight: bold; ">@Model.Amount</span>                         </strong>                     </p>                 </td>             </tr>         </table>     </div>

现在有两个层里各有一个table怎样根据model.TypeId 的值显示和隐藏 层model.typeid  是0   显示  amodel.typeid  是1   显示  b

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">       var model_typeid=0;       window.onload=function()       {           model_typeid=@model.typeid;           $(document).ready(               function(){                 switch(model_typeid)                 {                     case 0:                       $('#a').css('display','inline');                       $('#b').css('display','none');                       break;                     case 1:                       $('#a').css('display','none');                       $('#b').css('display','inline');                       break;                 }                }                       );       }     </script>