讲解在asp.net中实现checkbox全选功能讲解

由于在asp.net下,服务器控件会将自动生成ID和name属性。所以用javascrip实现全选比较麻烦。
    健康知识平台重庆肛肠科 重庆最好的男科医院
    笔者通过查找资料,觉得从简单角度来实现的话,采用javascrip + jquery一起混合使用来实现比较简单。
   
    下面是代码:
   
    [javascript]
   
    function quanxuan() {
   
    var obj=document.getElementById("btnSelectAll");
   
    if (obj.value=="全选") {
   
    $("input:checkbox")。attr("checked",true);//全部设置为选中
   
    obj.value="取消"
   
    }
   
    else{
   
    $("input:checkbox")。attr("checked",false);//全部设置为未选中
   
    obj.value="全选"
   
    }
   
    }
   
    调用代码:
   
    [html]
   
    <input type="button" id="btnSelectAll"  value="全选" class="input_btn_search" onclick="quanxuan()"  />
   
    当然,笔者做法比较粗糙,笔者是将文档内的所有checkbox都选定了,如果想选定特定的checkbox,比如只是table中的复选框,可以通过jquery的选择器进行筛选。如:
   
    [html]
   
    $("table :checkbox")

posted on 2012-08-10 14:27  时代先进程序  阅读(654)  评论(0)    收藏  举报