datagrid控件:
<columns>
<asp:templatecolumn>
<headerstyle width="10px"></headerstyle>
<headertemplate>
<input id="checkall" name="checkall" type="checkbox" >
</headertemplate>
<itemtemplate>
<asp:checkbox id="checkbox1" runat="server"></asp:checkbox>
</itemtemplate>
</asp:templatecolumn>
<asp:templatecolumn headertext="序號">
<headerstyle wrap="false"></headerstyle>
<itemtemplate>
<asp:label runat="server" id="labno"></asp:label>
</itemtemplate>
</asp:templatecolumn>
javascript函數:
var checkflag = true;
function chooseall()
{
//if( !document.all("checkall").checked ) // 全選
if( checkflag ) // 全選
{
var inputs = document.all.tags("input");
for (var i=0; i < inputs.length; i++) // 遍歷頁面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != "checkall" )
{
inputs[i].checked = true;
}
}
checkflag = false;
}
else // 取消全選
{
var inputs = document.all.tags("input");
for (var i=0; i < inputs.length; i++) // 遍歷頁面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != "checkall" )
{
inputs[i].checked = false;
}
}
checkflag = true;
}
}
// <summary>
// 讓用戶加以確認刪除數據。
// </summary>
function delrec()
{
var inputs = document.all.tags("input");
var selectedlen = 0;
for( var i=0;i < inputs.length; i ++)
{
if(inputs[i].type == "checkbox")
{
if( inputs[i].checked )
{
if(inputs[i].id != "checkall")
{
selectedlen ++;
}
}
}
}
if( selectedlen == 0 )
{
alert("請先選擇您要刪除的數據!");
}
else
{
var flag = confirm("您確定要刪除所選擇的這 " + selectedlen + " 條數據嗎?");
if(flag)
{
document.all("btndelrecord").click();
}
}
}
新聞熱點
疑難解答