使用JavaScript代碼實現各種數據控件的反選功能 不要只做拖控件的菜鳥

<asp:TemplateField HeaderText="<input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' />反選"> 
<ItemTemplate> 
<input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' /> 
</ItemTemplate> 
</asp:TemplateField> 
 
然后寫JavaScript代碼來實現這個功能： 
 代碼如下:

<script type="text/javascript"> 
function selAll(boolValue) 
{ 
var obj=document.getElementsByName("cbName"); 
var cbNameLen=obj.length; 
if(cbNameLen>1) 
{ 
for(var i=0;i<cbNameLen;i++) 
{ 
if(obj[i].checked) 
{ 
obj[i].checked=false; 
} 
else 
{ 
obj[i].checked=true; 
} 
} 
} 
else 
{ 
obj.checked = boolValue; 
} 
} 
function clickBtnCheck() 
{ 
var obj=document.getElementsByName("cbName"); 
var cbNameLen=obj.length; 
var Flag=false; 
if(cbNameLen>0) 
{ 
for(var i=0;i<cbNameLen;i++) 
{ 
if(obj[i].checked) 
{ 
Flag=true; 
break; 
} 
} 
if(Flag) 
{ 
return true; 
} 
else 
{ 
alert("請先選擇要操作的記錄！ "); 
return false; 
} 
} 
else 
{ 
alert("現在沒有記錄，不能操作！"); 
return false; 
} 
} 
</script> 

 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com