js通過星星評分
阿新 • • 發佈:2018-12-04
通過獲取分數,給某個元素實現星星打分
我這裡分數是1-10;一共5個星星
效果如下:
//result通過ajax獲取 var starArray = convertStars(result.value); var str =''; for (var i =0;i<starArray.length;i++) { if(starArray[i]==1){ str += '<img src="../../images/star.png" />'; } if(starArray[i]==2){ str += '<img src="../../images/starHalf.png" />'; } } $("#stars").html(str); function convertStars(value){ var num = value/2; var array = []; for(var i = 1; i<=5; i++){ if (i<=num) { array.push(1); }else{ if(i-0.5==num){ array.push(2); }else{ array.push(0); } } } return array; }
convertStars(value)函式獲取分數,判斷如果是全星,則在array里加入一個1,如果是半星則加入一個2,否則加入一個0,然後返回一個數組
呼叫函式,通過結果判斷有幾個全星,和半星