자 바스 크 립 트 코드 를 사용 하여 각종 데이터 컨트롤 의 반 선택 기능 을 실현 합 니 다.

원래 도 간단 하고 C\#언어 로 이 를 실현 하 는 것 과 차이 가 많 지 않 습 니 다.두 가지 언어 를 사 용 했 을 뿐 입 니 다.그리고 이렇게 코드 를 쓰 는 것 도 시스템 의 성능 에 좋 습 니 다.그림 에서 보 듯 이 반 선 을 위 한 기능.
4.567916.다음은 반 선 을 실현 하 는 두 부분 코드 를 쓰 겠 습 니 다.컨트롤 은 GridView 컨트롤 을 사용 합 니 다
 
<asp:TemplateField HeaderText="&lt;input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' /&gt; ">
<ItemTemplate>
<input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' />
</ItemTemplate>
</asp:TemplateField>
그리고 자 바스 크 립 트 코드 를 써 서 이 기능 을 실현 합 니 다
 
<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>

좋은 웹페이지 즐겨찾기