如何用JS為checkboxlist新增選項
阿新 • • 發佈:2019-02-19
利用AJAX在後臺獲取資料庫裡的值放到DATASET裡傳到前臺,
for(var i=0;i<ds.Tables[0].Rows.length;i++)
{
var id = ds.Tables[0].Rows[i].ProdCateNo;
var name = ds.Tables[0].Rows[i].ProdCateName;
//繫結checkboxlist
}
怎麼把id,name新增到checkboxlist?
----------------------------------------------------------------------
up
--------------------------------------------------------
for(var i=0;i<ds.Tables[0].Rows.length;i++)
{
var id = ds.Tables[0].Rows[i].ProdCateNo;
var name = ds.Tables[0].Rows[i].ProdCateName;
//繫結checkboxlist
var obj =document.getElementById("CheckBoxList1");
var tr = obj.insertRow();
var td = tr.insertCell();
td.innerHTML="<input id=/""+id+"/" type=/"checkbox/" /><label for=/"CheckBoxList1_1/">"+name+"</label>";
}
--------------------------------------------------------
謝謝樓上的
--------------------------------------------------------
還有個問題,怎麼在寫入checkboxlist內容的時候把以前checkboxlist中的內容清空?
--------------------------------------------------------
用removeNode就可以了
var obj =document.getElementById("CheckBoxList1");
for (var i=0 i<obj.rows.length;i++){
obj.rows(i).removeNode(true);
}
--------------------------------------------------------
再問一下
//繫結checkboxlist
var obj =document.getElementById("CheckBoxList1");
var tr = obj.insertRow();
var td = tr.insertCell();
td.innerHTML="<input id=/""+id+"/" type=/"checkbox/" /><label for=/"CheckBoxList1_1/">"+name+"</label>";
}
繫結好CheckBoxList1,讀取所選的id可以作到,但怎麼把所選的內容也讀出來
if(Form1.elements[i].type=="checkbox" && Form1.elements[i].checked == true)
{
//讀取選項的ID
var smallCateId = Form1.elements[i].id;
//讀取選項的內容
}
for(var i=0;i<ds.Tables[0].Rows.length;i++)
{
var id = ds.Tables[0].Rows[i].ProdCateNo;
var name = ds.Tables[0].Rows[i].ProdCateName;
//繫結checkboxlist
}
怎麼把id,name新增到checkboxlist?
----------------------------------------------------------------------
up
--------------------------------------------------------
for(var i=0;i<ds.Tables[0].Rows.length;i++)
{
var id = ds.Tables[0].Rows[i].ProdCateNo;
var name = ds.Tables[0].Rows[i].ProdCateName;
//繫結checkboxlist
var obj =document.getElementById("CheckBoxList1");
var tr = obj.insertRow();
var td = tr.insertCell();
td.innerHTML="<input id=/""+id+"/" type=/"checkbox/" /><label for=/"CheckBoxList1_1/">"+name+"</label>";
}
--------------------------------------------------------
謝謝樓上的
--------------------------------------------------------
還有個問題,怎麼在寫入checkboxlist內容的時候把以前checkboxlist中的內容清空?
--------------------------------------------------------
用removeNode就可以了
var obj =document.getElementById("CheckBoxList1");
for (var i=0 i<obj.rows.length;i++){
obj.rows(i).removeNode(true);
}
--------------------------------------------------------
再問一下
//繫結checkboxlist
var obj =document.getElementById("CheckBoxList1");
var tr = obj.insertRow();
var td = tr.insertCell();
td.innerHTML="<input id=/""+id+"/" type=/"checkbox/" /><label for=/"CheckBoxList1_1/">"+name+"</label>";
}
繫結好CheckBoxList1,讀取所選的id可以作到,但怎麼把所選的內容也讀出來
if(Form1.elements[i].type=="checkbox" && Form1.elements[i].checked == true)
{
//讀取選項的ID
var smallCateId = Form1.elements[i].id;
//讀取選項的內容
}