js插件---评分插件Rating如何使用

最新推荐文章于 2022-06-22 22:51:19 发布
最新推荐文章于 2022-06-22 22:51:19 发布
阅读量626 收藏
点赞数
文章标签： javascript ViewUI

js插件---评分插件Rating如何使用

一、总结

一句话总结：form下的input和a标签，input记录值，a标签显示样式

12 <form data-am-rating>
13 <input type="hidden" name="score"> 14 <a class="am-padding-lg" data-am-icons="heart-o,heart" data-am-score="2" role="button"> 15 <i class="am-icon-heart"></i> 16 <i class="am-icon-heart"></i> 17 <i class="am-icon-heart-o"></i> 18 <i class="am-icon-heart-o"></i> 19 <i class="am-icon-heart-o"></i> 20 </a> 21 </form>

 

1、Rating选好评分后评分的值在哪？

在input上，把一个个小星星设置为button后，选星级的时候自动传值过去了，所以可以用ajax

 

 

 

二、评分插件Rating如何使用

1、截图

 

 

 

2、代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <link rel="stylesheet" href="../css/amazeui.min.css">
 7     <script src="../js/jquery.min.js"></script>
 8     <script src="../js/amazeui.min.js"></script>
 9     <script src="amazeui-rating-master/dist/amazeui.rating.min.js"></script>
10 </head>
11 <body>
12 <form data-am-rating>
13   <input type="hidden" name="score">
14   <a class="am-padding-lg" data-am-icons="heart-o,heart" data-am-score="2" role="button">
15     <i class="am-icon-heart"></i>
16     <i class="am-icon-heart"></i>
17     <i class="am-icon-heart-o"></i>
18     <i class="am-icon-heart-o"></i>
19     <i class="am-icon-heart-o"></i>
20  </a>
21 </form>
22 </body>
23 </html>

 

 

 
weixin_34100227
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery插件star-rating.js实现星级评分特效
12-09
jquery星级评分插件star-rating.js下载插件，点击星星或者心的左边，就是半分，右边就是1分。点击减号，分数置为0。不兼容IE8以下的浏览器。 演示图 使用方法 第一步、引入下面的代码： 代码如下: <link href=...
jquery-star-rating-plugin:评分插件jQuery
05-18
jquery-star-rating-plugin 评分插件jQuery 一个简单的星级插件，使用Googles Materialize Icons。演示版可以在或示例HTML文件中查看演示。要求jQuery的访问Google Materialize图标（ ）。 请参阅示例HTML文件。用法...
Layui-五星好评
weixin_54668937的博客
11-08 1706
文献种类：专题技术文献； 开发工具与关键技术： DW、JS 作者：方建恒 ；年级：20级 ；撰写时间： 2021 年 11 月 8日 Layui-五星好评 我们在制作大多数页面或软件时，都会用到评分功能， 用于收集用户体验时的感受。 在这里我们将给大家提供一个便利的评分功能， 那就是Layui插件里的评分组件功能， 它可以帮助我们快速的编写好评分功能。 下面我们来使用Layui插件里的评分组件功能编写一下评分功能。 首先我们需要把Layui的脚本文件和叠层样式表引入， 然后创建一个id
自己写的，js 评分插件
weixin_30914981的博客
06-19 69
/** * Simple rate 插件 * V1.0 * @author ln * html : <input id="rating" range-max="12" value="10"/> * $('#rating').rate(); */ ;(function($){ $.fn.rate = function(op){ ...
ExtJs星级评分Rating组件实现星级评分
gfgf555的博客
11-22 964
EtxJs星级评分实现小插件。
html5评分插件,jQuery评分插件jsRapStar
weixin_30916461的博客
06-20 348
jsRapStar是一款jQuery评分插件。该jqurey评分插件取值可以精确到小数位，支持自定义评分样式，非常实用。使用方法在页面中引入jquery和jsRapStar.js、jsRapStar.css文件。HTML使用一个作为容器，在div上指定start属性作为初始值。初始化插件在页面DOM元素加载完毕之后，通过下面的方法来初始化该jQuery评分插件。$('#example').jsRa...
HTML搭配JS(JavaScript)实现完全独立的评论组件,可移植,可复用,可读性强（附源码）
热门推荐
qq_42349895的博客
05-05 1万+
导读：如果您正在看这篇文章，想必您正在开发一个多人交互的网站，而踌躇自己写一个评论组件？纵观BAT以及各种电子商务或 博客等网站，无一不使用了评论这个功能。那么如此一般的功能，你能自己实现吗？ 本文的组成部分：探索→ 研究 → 思考 → 整理 → 实现 → 呈现 正文 ↓ 探索（主要以图片和前端源码入手） 图片之【CSDN】 ......
bootstrap-star-rating：一个简单但功能强大的JQuery星级评分插件，支持分数评分
02-04
引导星级 一个简单但功能强大的用于Bootstrap的JQuery星级评定插件，它支持高级功能，例如分数星级... 如果您将其输入设置为class = rating则该插件会自动将输入转换为星级评分控件。 输入的所有选项都可以作为HTML5 d
star-rating-svg _ jQuery星级评分插件
06-01
star-rating-svg _ jQuery星级评分插件
开源推荐：基于Next.js 的评论组件Saas
趣谈前端
02-10 783
✋ 嗨，大家好，我是徐小夕，今天和大家分享一款非常有意思的开源项目——Chirpy, 一个主打保护隐私、支持主题定制的评论组件 SaaS。（采用Next.js开发 ）github搜索：**...
自己手写js css评分插件
08-14
// aurl 文件夹路径 // divname div的id ， （必传参数） // inputname 会为你生成input :text;设置input id 默认div id; // starnum 星星的个数；默认五个； // startnum 星星初始化个数，初始化后，不可更改；(op 设置 true ；) // textTure 星星数默认五颗；开启文本显示； 一个方法 传参数；所有的需求全部搞定；
评分插件 jQuery Raty
zlzdj的专栏
06-22 648
1、效果图如下:2、插件下载地址:GitHub - wbotelhos/raty: :star2: Raty - A Star Rating Plugin 3、使用方法:引入js
星级评分组件(raty.js)
元仙僧的博客
09-11 1495
jquery星级评分组件。能改变评分图片，评级，获取评分等事件。 cancel: false 创建取消按钮以取消评级。 cancelHint: 'Cancel this rating!' 取消的按钮提示。 cancelOff: 'cancel-off.png’ 活动取消时使用的图标。 cancelOn: 'cancel-on.png’ 图标使用无效取消。 cancelPlace: 'left’ 取...
star-rating评分插件的使用
木槿昔年
11-13 2886
1、前言 下载相应的插件，地址可以在这：点击打开链接。在所有的css和js引入以后，就可以使用啦 。 2、具体使用 html js $("#subTask_Score").rating(); $("#subTask_Score").rating({ 'size': '1g' }); $(function () { $('#subTask_Score').on('rati
一个非常棒的jQuery 评分插件--好东西要分享
weixin_33709609的博客
10-05 261
  　　现在做网页已经不仅限于实现功能了，更多的是要实现功能的同时追求更加美观的实现。比如页面上让用户评分的功能，你完全可以放5个RdioButton让用户选择分数，也可以用DropDownList来实现，但那样不如用五个星星来得炫来得直观。     　　像这样的星星评分插件用得非常普遍，几乎要成为你随手捻来的小菜，任何一个不具备使用这样插件的前端程序员都是毫无战斗力的。 　　这里给...
js星星评分插件
diaobang0776的博客
02-11 108
下载：https://files.cnblogs.com/files/wordblog/%E6%98%9F%E6%98%9F%E6%8F%92%E4%BB%B6.rar 转载于:https://www.cnblogs.com/wordblog/p/10361538.html
js(vue)五星评分插件，鼠标悬浮评分，⭐平滑切割
weixin_45584726的博客
04-06 373
原文地址：https://blog.phyer.cn/article…。新人博主，欢迎大家访问(●’◡’●) 最近做毕设，一个电商网站，类似某宝某东。在学一些新的东西，Sass和Vue。 五星评分插件 做电商网站要用到评分功能，于是自己写了一个小插件vue_star.js。 测试html: <!DOCTYPE html> <html> <head> ...
评分插件
qq_34609443的博客
04-08 372
jquery,raty.js是一个专门用来做评分的，先看一下效果图它的用法很简单，因为jquery.raty.js是基于jquery的，所以在使用之前要先引入jquery。然后在引入jquery.raty.js....
vue评分使用v-model实现
最新发布
10-13
是的，vue评分可以使用v-model实现数据与事件的双向绑定。在RatingControl.vue组件中定义属性'modelValue'，并发出名称为'update:modelValue'的事件，根组件App.vue同样可以使用v-model来绑定数据和事件。具体实现...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值