先看效果圖（忽略我家貓）

效果圖 
原理是需要兩張圖片 一張選中的黃色，一張未選中的灰色

選中 

未選中 
1、循環(huán)image標(biāo)簽五次 
2、綁定點(diǎn)擊事件 
3、獲取點(diǎn)擊下標(biāo)，并賦值給score變量 
4、三目運(yùn)算判斷score變量于index 的關(guān)系 動(dòng)態(tài)更改圖片路徑 
5、此方法網(wǎng)頁(yè)也可用 通用

1. //wxml
2. <image class="start"
3. wx:for="{{5}}"
4. data-index="{{index}}"
5. bindtap='selectIndexNum'
6. src="{{score >= index ? '/utils/img/big_star_s@3x.png' : '/utils/img/big_star_n@3x.png'}}"
7. />
8.  
9. //普通版本 js
10. selectIndexNum(e){
11. this.setData({
12. score: e.currentTarget.dataset.index - 0
13. })
14. },

或者增強(qiáng)版效果

1. //點(diǎn)兩次相同分?jǐn)?shù)取消選擇 js
2. selectIndexNum(e){
3. let i = e.currentTarget.dataset.index;
4. if(i == this.data.score){
5. this.setData({
6. score: -1
7. })
8. }else {
9. this.setData({
10. score: e.currentTarget.dataset.index - 0
11. })
12. }
13. },