zoukankan      html  css  js  c++  java
  • 星星评分

    <div class="dialog-content" style=" 100%">
    <div class="group">
    <div class="line" style="margin-left: 30%;margin-top: 30px">
    <a onclick="getstars(1,this)" title="差" class="star_hover" id="star_0" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
    <a onclick="getstars(2,this)" title="较差" class="star_bg" id="star_1" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
    <a onclick="getstars(3,this)" title="较好" class="star_bg" id="star_2" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
    <a onclick="getstars(4,this)" title="好" class="star_bg" id="star_3" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
    <a onclick="getstars(5,this)" title="很好" class="star_bg" id="star_4" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
    <input id="sco_div" style="display: none">
    </div>
    <div id="get_score_div"></div>
    <div class="line"><textarea rows="20" cols="20" id="comment" placeholder="" style="height: 150px; 98%"></textarea></div>
    </div>
    </div>

    function getstars(num,obj){ //点击星星
    for(var i=1;i<5;i++){
    $("#star_"+i).removeClass("star_hover").addClass("star_bg");
    }
    for(var i=0;i<num;i++){
    $("#star_"+i).removeClass("star_bg").addClass("star_hover")
    }
    sco=num;
    $(".sco_div").val=sco;
    var html = '<a style="margin-left: 45%" class="score_last_div">'+sco+'分</a>'
    $("#get_score_div").html(html)
    }

  • 相关阅读:
    【leetcode】对称二叉树
    【leetcode】判断回文数
    053686
    053685
    053684
    053683
    053682
    053681
    053680
    053477
  • 原文地址:https://www.cnblogs.com/fan-lily/p/5753735.html
Copyright © 2011-2022 走看看