js 我是精明的小賣家（一）

給出作業鏈結位址

原題位址

html 頁面：

地區選擇：商品種類：

css

table table td

table .list td

var judging=0; // 「商品作為第一列，地區作為第二列」預設標識

var selectregion=; // 地區類

var selectkind=; // 商品類

var sourcedata = [

, , , , , , , , ]

// 地區下拉引數

var regiondata=[,,]

// 商品下拉引數

var productdata=[,,]

// 頁面載入時，自動生成 checkbox

window.onload=function()

生成 checkbox 的js checkbox .js

// 生成一組checkbox
function generatecheckboxs(ratiobox,data)
for(var k=1;k<=length;k++)
}if(count==length)else if(count>0)else
getnewform(getselected());}}
}function gencheckbox(ratiobox,data)}}
}// 商品多選，地區沒有時
if(selectkind.length>=1&&selectregion.length==0)}}
}// 地區和商品都只有乙個 
if(selectregion.length==1&&selectkind.length==1)}}
// 商品選擇了乙個，地區選擇了多個的時候 :商品在前，地區在後
if(selectregion.length>1&&selectkind.length==1)}}
}// 當地區選擇了乙個，商品選擇了多個的時候 ： 商品在後，地區在前
if(selectregion.length==1&&selectkind.length>1)}}
}// 商品和地區都選擇了多於乙個的情況下:商品作為第一列，地區作為第二列
if(selectregion.length>1&&selectkind.length>1)}}
}}
}

// 渲染新的**

// 若原來有table，則先刪除

}var table=document.createelement('table');

var thead=document.createelement('thead');

var tbody=document.createelement('tbody');

tbody.setattribute('class','thebody');

// 遍歷資料

var bodytr=document.createelement('tr');

if(k%selectregion.length==0&&judging==1)else if(k==0&&judging==2)

}} // 遍歷生成新的表頭

function generatehead()else

for(var j=1;j<=12;j++)

return thetr;}

// 遍歷資料

var region=document.createelement('td');

var product=document.createelement('td');

if(judging==1)else if(judging==2)else

for(var i=0;i<12;i++)

return bodytr;}

小坑總結

1、這邊我花了點時間手動寫表單結構，雖然有迴圈做。但是給type=「checkbox」新增節點內容的時候發現，innerhtml、content、text、value 什麼設定全部沒用。就算設了在chrome 裡除錯視窗能看到，頁面上還是沒有。後來發現，節點內容根本不是input 裡的東西，是與它平行的另外乙個子節點的內容。

2、然後現在用的外部引用js 。html 頁面載入，從上往下載入。所以js 外部引用放在body 後，要獲取body 裡的幾個框的值。放在body 之前引用就是報 undefined 錯。

3、一開始想 checkbox 的邏輯的時候，全選和子內容的觸發一定要分開。一開始寫的時候，我就偷懶直接設外部的div觸發。然後問題來了：如果有2個已選，第三個沒選，在「全選」沒選中時，變選中；但如果是「全選」+「子內容」都選中的情況下，取消「子內容」，遍歷的時候發現，「全選」已經選中啦！按照前面設定的，「全選」選中，「子內容」都要選中。這個時候取消「子內容」就不能同時取消「全選」。所以還是分開設定「全選」和「子內容」的觸發，互不干涉。

js 我是精明的小賣家（一）

我的一些JS

我覺得，我是該淨化一下我的心靈了

我是乙隻戀愛的蝸牛

js 我是精明的小賣家（一）

我的一些JS

我覺得，我是該淨化一下我的心靈了

我是乙隻戀愛的蝸牛

相關推薦