项目实例:深投控股--star rating评分插件

本文介绍了一个使用 jQuery 实现的简单易用的星级评分插件。该插件可以方便地集成到 Web 应用中,为用户提供直观的交互体验。同时展示了如何在 ASP.NET 应用程序中使用此插件来展示用户反馈。

 

 

<script src="~JS/jquery-1.3.2.min.js" type="text/javascript"></script>

<script src="~JS/jquery.rating.js" type="text/javascript" language="javascript"></script>

<link href="~JS/jquery.rating.css" type="text/css" rel="stylesheet" />

 

<div id="controls" class="controls" style="padding: 5px; clear: both;" onclick="$(this).next().val($('input[@name=star]:checked').val() || '0' );">

       <input type="radio" class="star" name="star" value="1" />

       <input type="radio" class="star" name="star" value="2" />

       <input type="radio" class="star" name="star" value="3" />

       <input type="radio" class="star" name="star" value="4" />

       <input type="radio" class="star" name="star" value="5" />

</div>

<asp:TextBox ID="txtStar" runat="Server" style="display:none"></asp:TextBox>

 

 查看更多精彩图片

 

<asp:Repeater ID="RptSubList" runat="server" OnItemDataBound="RptSubList_ItemDataBound">

  <ItemTemplate>

   <div class="postbit" id="reply_<%#Eval("ConsultId").ToString()%>">

    <table cellspacing="0" cellpadding="5" width="94%" border="0" style="margin: 10px auto 0 auto;">

     <tbody>

      <tr class="postbit_header" style="color: #666666;">

       <td colspan="2">

        <span class="postbit_name"><%#Eval("UserName")%></span>

<span id="controls" class="controls" style="padding: 5px; clear: both;">

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

        value="1" disabled="disabled" <%# Eval("ConsultType").ToString()=="1" ? "checked" : "" %> />

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

         value="2" disabled="disabled" <%# Eval("ConsultType").ToString()=="2" ? "checked" : "" %>/>

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

        value="3" disabled="disabled" <%# Eval("ConsultType").ToString()=="3" ? "checked" : "" %> />

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

        value="4" disabled="disabled" <%# Eval("ConsultType").ToString()=="4" ? "checked" : "" %> />

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

        value="5" disabled="disabled" <%# Eval("ConsultType").ToString()=="5" ? "checked" : "" %> />

        </span><span class="postbit_time"> <%#Eval("CreateDate")%></span>

       </td>

     </tr>

     <tr>

      <td>

       <div class="postbit_content"><%#Eval("Content")%></div>

      </td>

     </tr>

    </tbody>

   </table>

  </div>

</ItemTemplate>

 <AlternatingItemTemplate>

  <div class="postbit" id="reply_<%#Eval("ConsultId").ToString()%>">

   <table cellspacing="0" cellpadding="5" width="94%" border="0" style="margin: 10px auto 0 auto;">

    <tbody>

     <tr class="postbit_header" style="color: #666666;">

      <td colspan="2">

       <span class="postbit_name"><%#Eval("UserName")%></span>

<span id="controls" class="controls" style="padding: 5px; clear: both;">

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

        value="1" disabled="disabled" <%# Eval("ConsultType").ToString()=="1" ? "checked" : "" %> />

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

         value="2" disabled="disabled" <%# Eval("ConsultType").ToString()=="2" ? "checked" : "" %>/>

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

        value="3" disabled="disabled" <%# Eval("ConsultType").ToString()=="3" ? "checked" : "" %> />

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

        value="4" disabled="disabled" <%# Eval("ConsultType").ToString()=="4" ? "checked" : "" %> />

        <input type="radio" class="star" name="star_<%#this.RptSubList.Items.Count %>"

        value="5" disabled="disabled" <%# Eval("ConsultType").ToString()=="5" ? "checked" : "" %> />

        </span><span class="postbit_time"> <%#Eval("CreateDate")%></span>

       </td>

      </tr>

      <tr>

       <td>

        <div class="postbit_content"><%#Eval("Content")%></div>

       </td>

      </tr>

     </tbody>

    </table>

   </div>

  </AlternatingItemTemplate>

  <FooterTemplate>

  </FooterTemplate>

 </asp:Repeater>

 

 

 

 

 查看更多精彩图片

其他资源

JQUERY Rating Star

查看更多精彩图片



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值