star-rating – jquery星级评价插件

发布于,归属于jquery插件2个座位已被强势霸占! 共有1,406人围观    

点此下载

官方网址:http://www.fyneworks.com/jquery/star-rating/

star-rating是jquery一款非常强大的星级评价插件。它跟其他的星级评价插件的区别在于:star-rating的数据源转换于表单单选框。其拥有比较完备的API。

来看使用教程:

创建如下html代码

  1. <input type="button" onClick="javascript:$('input',this.form).rating('select',0)" value="0"/>
  2.   <input type="button" onClick="javascript:$('input',this.form).rating('select',1)" value="1"/>
  3.   <input type="button" onClick="javascript:$('input',this.form).rating('select',2)" value="2"/>
  4.   <input type="button" onClick="javascript:$('input',this.form).rating('select',3)" value="3"/>
  5.   <input type="button" onClick="javascript:$('input',this.form).rating('select',4)" value="4"/>

创建5个单选框

初始化插件

  1. $('input[type=radio]').rating();

$().rating(‘select’, index / value)

例子:$(‘input’,this.form).rating(‘select’,1)。

  1. 第一个参数为方法名:select就是可以点击星级
  2. 第二个参数。选中到第几颗星,可以是radio索引,也可以是radio的值

$().rating(‘readOnly’, true / false)

例子:$(‘input’,this.form).rating(‘readOnly’,true )。

  1. 第一个参数为方法名:设置为只读(无法选择星级)
  2. 第二个参数。true / false

$().rating(‘disable’, true / false)

例子:$(‘input’,this.form).rating(‘disable’,true )。

  1. 第一个参数为方法名:是否允许使用星级评价
  2. 第二个参数。true / false
(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

2个座位已被强势霸占!

  1. 集趣

    各种类型的网站都可以用吗

  2. 明河共影

    可以,要多了解下其API