當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JS判断GridView中复选框有没有被选中
生活随笔
收集整理的這篇文章主要介紹了
JS判断GridView中复选框有没有被选中
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在執行多選操作時,如果在頁面前臺做下判斷,有沒有選擇要被操作的項,如果沒有,提示一下,會給客戶一種比較友好的效果。
//JS中判斷的方法: //判斷GridView控件中的復選框有沒有被選中的,gdvName:GridView控件名
function gdvCheckhasChoiced(gdvName)
{
??? // 獲取頁面中的GridView控件
??? var gridView = document.getElementById(gdvName);??
??? // 遍歷GridView中的行
??? for (var i = 2; i < gridView.rows.length + 1; i++)
??? {
??????? // 獲取當前行的Checkbox控件
??????? var chkItem;
??????? if(i<10)
??????? {
?????????? chkItem = document.getElementById(gdvName+"_ctl0" + i + "_chkItem");
??????? }
??????? else
??????? {
?????????? chkItem = document.getElementById(gdvName+"_ctl" + i + "_chkItem");
??????? }
???????? // 判斷控件是否選中
??????? if (chkItem.checked)
??????? {
??????????? return true;
??????? }
??? }
??? alert('請至少選擇一部愛178影院中的影片!');
??? return false;
}
//例如:
????? <tr>
??????? <td>??????????
?????????????? <asp:GridView runat="server" ID="gdvConfirmReturn" AutoGenerateColumns="False" Width="100%">
???????????????? <Columns>?
?????????????????? <asp:TemplateField>
????????????????????? <HeaderTemplate>
????????????????????????? <input type="checkbox" id="ckball" οnclick="selectall(this,'chkItem')"/>全選
??????????????????????</HeaderTemplate>
????????????????????? <ItemTemplate>
????????????????????????? <asp:CheckBox ID="chkItem" runat="server" ToolTip='<%#Eval("FilmId") %>' />
???????????????????? ?</ItemTemplate>
????????????????? </asp:TemplateField>
????????????????? <asp:TemplateField HeaderText="愛178影院">
??????????????????? <ItemTemplate>
??????????????????????? <%#Eval("FilmId") %> </ItemTemplate>
???????????????? </asp:TemplateField>
???????????? </Columns>
???????</asp:GridView> </td>
?????</tr>
?????<tr>?????????
?????? <td>
???????????? <asp:Button runat="server" ID="btnConfirm" Text="確認" OnClientClick="return gdvCheckhasChoiced()" OnClick="btnConfirm_Click" />
??????</td>
???? </tr>
??</table>
//JS中判斷的方法: //判斷GridView控件中的復選框有沒有被選中的,gdvName:GridView控件名
function gdvCheckhasChoiced(gdvName)
{
??? // 獲取頁面中的GridView控件
??? var gridView = document.getElementById(gdvName);??
??? // 遍歷GridView中的行
??? for (var i = 2; i < gridView.rows.length + 1; i++)
??? {
??????? // 獲取當前行的Checkbox控件
??????? var chkItem;
??????? if(i<10)
??????? {
?????????? chkItem = document.getElementById(gdvName+"_ctl0" + i + "_chkItem");
??????? }
??????? else
??????? {
?????????? chkItem = document.getElementById(gdvName+"_ctl" + i + "_chkItem");
??????? }
???????? // 判斷控件是否選中
??????? if (chkItem.checked)
??????? {
??????????? return true;
??????? }
??? }
??? alert('請至少選擇一部愛178影院中的影片!');
??? return false;
}
//例如:
?
//在ASP.NET中的Gridview實例運用中:?//.aspx頁面中代碼
<table>????? <tr>
??????? <td>??????????
?????????????? <asp:GridView runat="server" ID="gdvConfirmReturn" AutoGenerateColumns="False" Width="100%">
???????????????? <Columns>?
?????????????????? <asp:TemplateField>
????????????????????? <HeaderTemplate>
????????????????????????? <input type="checkbox" id="ckball" οnclick="selectall(this,'chkItem')"/>全選
??????????????????????</HeaderTemplate>
????????????????????? <ItemTemplate>
????????????????????????? <asp:CheckBox ID="chkItem" runat="server" ToolTip='<%#Eval("FilmId") %>' />
???????????????????? ?</ItemTemplate>
????????????????? </asp:TemplateField>
????????????????? <asp:TemplateField HeaderText="愛178影院">
??????????????????? <ItemTemplate>
??????????????????????? <%#Eval("FilmId") %> </ItemTemplate>
???????????????? </asp:TemplateField>
???????????? </Columns>
???????</asp:GridView> </td>
?????</tr>
?????<tr>?????????
?????? <td>
???????????? <asp:Button runat="server" ID="btnConfirm" Text="確認" OnClientClick="return gdvCheckhasChoiced()" OnClick="btnConfirm_Click" />
??????</td>
???? </tr>
??</table>
?
轉載于:https://www.cnblogs.com/ai178/archive/2010/10/12/1849300.html
總結
以上是生活随笔為你收集整理的JS判断GridView中复选框有没有被选中的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: junit jumpstart
- 下一篇: 天气小工具新增风格-默认无背景,感谢欧阳