jquery星級評分外掛(支援各種回撥函式、自定義配置、只讀模式、最大星級等)
廢話不多說,直接上程式碼。哈哈,這就是我的風格!!!!
功能:支援各種回撥函式、自定義配置、只讀模式、最大星級、結合表單提交
1、使用
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.11.1.min.js"></script> <script src="jquery-star.js" type="text/javascript"></script> <link href="jquery-star.css" rel="stylesheet" /> <script type="text/javascript"> $(function () { $('#demo1').newStar(); $('#demo2').newStar({ max: 9,onSelect: function (d) { alert("你選擇了:" + d + "星級"); } }); $('#demo3').newStar({ initStar: 3, readonly: true }); $('#demo4').newStar({ onSelect: function (d) { alert("你選擇了:" + d + "星級"); } }); $('#demo5').newStar(); $('#demo6').newStar(); }); function getval() { alert($('#demo5').getStar()); } function setval() { $('#demo6').setStar($('#starnum').val()); } </script> </head> <body> demo1(服務):預設 <div id="demo1" name="serveice"> </div> demo2(速度):指定最大星級 <div id="demo2" name="speed"> </div> demo3:初始化繫結3星級,只讀 <div id="demo3"> </div> demo4:單擊回撥 <div id="demo4"> </div> demo5:獲取星級 <div id="demo5"> <button onclick="getval()">getValue</button> </div> demo6:設定星級 <div id="demo6"> <button onclick="setval()">setValue</button> <input type="text" id="starnum"/> </div> </body> </html>
2、原始碼、效果圖
原始碼請在附件中下載,謝謝!
由老廖最後編輯於:4年前
僅限登入使用者下載附件:jquery-star.rar
內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。
相關文章
- 推薦一款JQ星級評分外掛
- js自定義回撥函式簡單程式碼例項JS函式
- jQuery星級評分效果詳解jQuery
- 回撥函式的作用與意義函式
- stl中各種容器的自定義比較函式函式
- jQuery 原始碼學習 (三) 回撥函式jQuery原始碼函式
- 回撥函式函式
- C#定時器中呼叫WCF服務+自定義回撥函式C#定時器函式
- JavaScript 回撥函式JavaScript函式
- JavaScript回撥函式JavaScript函式
- JS—回撥函式JS函式
- 動畫回撥函式動畫函式
- java回撥函式Java函式
- 回撥函式(CallBack)函式
- [JS]回撥函式和回撥地獄JS函式
- Java設計模式-回撥函式和觀察者模式Java設計模式函式
- 回撥函式,求積函式函式
- 簡述回撥函式的意義和作用函式
- jquery回撥函式中this的指向簡單介紹jQuery函式
- jQuery星級評分實現過程詳解jQuery
- jquery星級評分程式碼例項詳解jQuery
- 回撥函式 與 函式閉包函式
- 函式指標&回撥函式Callback函式指標
- jQuery如何實現新增自定義函式jQuery函式
- 回撥函式的作用函式
- TLS回撥函式(Note)TLS函式
- java 回撥函式示例Java函式
- Python回撥函式Python函式
- android回撥函式Android函式
- 函式回撥(C++)函式C++
- 升級後欄位引數有自定義函式失效函式
- Flutter星級評選Flutter
- C++定義函式指標,回撥C#C++函式指標C#
- JS閉包函式和回撥函式JS函式
- JavaScript 設計模式系列 – 自定義函式(惰性函式)JavaScript設計模式函式
- JavaScript 設計模式系列 - 自定義函式(惰性函式)JavaScript設計模式函式
- 前端自定義類事件回撥封裝前端事件封裝
- C++回撥函式 用法C++函式