一个点击 图片选中，改变图片样式， 传数据到后台的一个例子

一个点击 图片选中，改变图片样式， 传数据到后台的一个例子，每天进步一点点

<p class="details_title" style="font-size:20px">货况反馈:</p>

      <%= form_tag '' do %>

         <div id="nav">
         <%= hidden_field_tag "status",value: "1" %>
         <table cellspacing="100">
           <tr>
             <td value="1" height="50px">
               <img class="1" value="1" src="/image/shipment_status/warehouse.png" width="100" height="100" />
               <p style="fone-size:50px" class="1" value="1">到达发货点</p>
             </td>
             <td value="2" height="50px">
               <img  class="2" value="2" src="/image/shipment_status/deliver.png" width="100" height="100" />
               <p style="fone-size:50px" class="2" value="2">已发货</p>
             </td>
             <td value="2" height="50px">
               <img class="2" value="2" src="/image/shipment_status/cart.png" width="100" height="100" />
               <p style="fone-size:50px" class="2" value="2">在途中</p>
             </td>
             <td value="3" height="50px">
               <img class="2" value="3" src="/image/shipment_status/terminal.png" width="100" height="100" />
               <p style="fone-size:50px" class="3" value="3">到达收货点</p>
             </td>
           </tr>
         </table>
         <input type="radio" name="abnormal" value="1" checked/>正常
         <br/>
         <input type="radio" name="abnormal" value="0" />异常
         <br/>
<textarea name="remark" cols="30" rows="3" placeholder="请输入异常原因"></textarea>
       </div>
       <%= submit_tag "确认提交", id: 'tijiao' %>
     </div>
   </div>
 <% end %>
   <script type="text/javascript">
   $("#nav td").click(function(event){
     $("#status").attr("value", $(this).attr("value"));
     $(this).addClass('navdown');
         $(this).siblings().removeClass('navdown');
     });
   </script>
   <style>
#nav table tr{ list-style:none;  text-align:right; margin-top: 8px; line-height: 16px;}
#nav table tr td{ font-size:14px; font-style:normal; font-weight:bold; letter-spacing:4px;}
.navdown p{color:#0066FF; border:1px solid #0066FF;}
.navdown img{color:#0066FF; border:1px solid #0066FF;}
   </style>