jquery做星星评分功能

码农到架构师之路

最新推荐文章于 2022-09-27 16:32:53 发布

转载最新推荐文章于 2022-09-27 16:32:53 发布 · 190 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/hzfs/blog/422264

文章标签：

#javascript #ViewUI

本文探讨了为何大部分程序员难以成长为架构师的原因，并提供了一个简单的交互式评分系统示例，帮助理解前端技术在用户交互设计中的应用。

为什么80%的码农都做不了架构师？>>>

<div>    
    <img name="1" src="星星(亮)">    
    <img name="2" src="星星(亮)">
    <img name="3" src="星星(暗)">
    <img name="4" src="星星(暗)">
    <img name="5" src="星星(暗)">
    <input id="value" type="hidden" value="0" />
</div>

$('div img').click(function(){
        //星星变色
        $(this).attr('src', '星星(亮)');
        $(this).nextAll().attr('src', '星星(暗)');
        $(this).prevAll().attr('src', '星星(亮)');
        //传递评分值
        var num = $(this).attr('name');
        $('#value').val(num);
})

隐藏的input获取评分值,接下来就可进行传递数据了

转载于:https://my.oschina.net/hzfs/blog/422264