1. 程式人生 > >js通過星星評分

js通過星星評分

通過獲取分數,給某個元素實現星星打分

我這裡分數是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,然後返回一個數組

呼叫函式,通過結果判斷有幾個全星,和半星