在执行多选操作时,如果在页面前台做下判断,有没有选择要被操作的项,如果没有,提示一下,会给客户一种比较友好的效果。

//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中复选框有没有被选中相关推荐

  1. java复选框没被选择,在CodenameOne中,为什么没有选中复选框但显示为选中状态?...

    我有一个奇怪的问题 - 不确定是否存在编码错误或CN1中的错误 . 基本上我创建了一行CheckBox对象并将它们放在一个X-Scrollable的容器中 . 如果我单击一个未选择的项目并拖动,直到& ...

  2. js中复选框checkbox如何判定为被选中

    在学习的过程中触及到html分离式开发的内容,其中复选框checkbox判定选中对于ajax传数据来说十分重要,故将该篇文章转发留存,方便以后查阅. 要想判定复选框选中状态可以使用: $(" ...

  3. JS - 获取选中复选框的值(checkBox)

    jquery的checkbox取值赋值选中 <html lang="us"> <head><meta charset="utf-8" ...

  4. 纯js实现复选框的全选、反选与获取选中复选框的值

    实现效果如下: 全选状态: 取消全选: 获取选中的复选框的值: 下面开始上代码! html <div><h2>爱好</h2><hr><form a ...

  5. jQuery实现获取选中复选框的值

    应用场景: 我们应该经常见到系统中出现列表,会有一个对列表数据的操作(如删除, 修改,查看等).我们可以在每个列表项后面加一个删除按钮,把列表项的 相关参数(如 id)post到后台进行删除.当然如果 ...

  6. jQuery: 判断checkbox复选框是否被选中

    本文介绍如何用jQuery获取checkbox复选框选中状态,或验证是否选中或取消选中复选框. jQuery: 判断checkbox复选框是否被选中 这里我们使用jQuery .is()方法和匹配的c ...

  7. jQuery如果选中复选框

    本文翻译自:jQuery if checkbox is checked I have a function below that I want to only trigger when a check ...

  8. 检查是否已使用jQuery选中复选框

    如何检查是否使用复选框数组的ID选中了复选框数组中的复选框? 我正在使用以下代码,但是无论ID为何,它始终返回已选中复选框的数量. function isCheckedById(id) {alert( ...

  9. JS 原生实现复选框全选反选功能

    ** JS 原生实现复选框全选反选功能 ** 按钮功能实现思路: 全选按钮: 直接将全选按钮的状态赋值给每一个 复选框. 复选框:只有当所有的复选框选中时,全选按钮才能选中,所以每当复选框每点击一次就 ...

最新文章

  1. 可解释性 or 准确性?AI 模型就一定不能两者兼得吗?
  2. 安装 SQL Server 商业解决方案模板
  3. 人工智能之自然语言的从新思考
  4. 工作经验总结201606
  5. 尝试jquery插件的开发
  6. 世界级投资大师们的至理名言
  7. 小工匠聊架构-超高并发秒杀系统设计 01_总体原则和架构演进
  8. LeetCode 696. 计数二进制子串
  9. 【GPU】nvidia-smi输出内容释义及使用
  10. python app自动化测试框架_appium+python,app自动化测试框架
  11. !DOCTYPE html 到底是什么意思?
  12. Security+ 学习笔记23 帐户管理
  13. 利用adobe x pro批量合并pdf
  14. 2020年生肖码表图_2020年十二生肖号码表 查询属相年龄岁数对照图表
  15. 诺贝文学奖对莫言获奖评价
  16. windows7台式计算机网线连接,win7如何用一根网线连接两台电脑_一根网线怎样连接两台Win7电脑传输文件...
  17. angular整合环信webIM
  18. 腐蚀rust图纸怎么找_rust腐蚀建家图纸 | 手游网游页游攻略大全
  19. 浙江师范大学实验室开放项目《应用水晶报表快速开发数据库管理系统》学生名单登记表(给学分名单)
  20. verilog状态机的三种写法

热门文章

  1. 深度学习笔记三:Softmax Regression
  2. 【Python-ML】SKlearn库非线性决策树回归
  3. 离线轻量级大数据平台Spark之读取CSV文件实例
  4. 参考使用CSDN-markdown编辑器以及复杂表格编辑
  5. 如何花钱让2000元的月收入工资价值最大化?
  6. JDK源码解析-Collection.iterator方法
  7. jQuery 内容文本值|| 案例:购物车案例模块-增减商品数量 || 案例:购物车案例模块-修改商品小计
  8. Service 和 doGet 和 doPost 方法的区别
  9. Geany 代码自动补齐功能设置
  10. STM32的USB相关资料(转载)