三、反選

實現：1、選擇相反的商品，即選擇的取消，未選擇的選擇上

商品列表程式碼：

同上一篇文章程式碼

js程式碼

window.onload = function () {
//    反選

//    獲取反選的標籤
    var reverseBtn = document.getElementById("reverseBtn")
//    給反選標籤新增事件
    reverseBtn.onclick = function () {
        //    定義計數器
        var count = 0;

        for (var i = 0; i < itemSelect.length; i++){
           if (itemSelect[i].checked == true){
               itemSelect[i].checked = false;
           }else {
               itemSelect[i].checked = true;
               count++;
           }
        }
        //如果商品選擇框全部由未選擇改為了選擇，全選框也應該選上
        if (count == itemSelect.length){
            all.checked = true;
        }else {
            all.checked = false;
        }
        
    }


};