在asp.net下实现checkbox全选

yibin 2015-02-09 建站源码 521

由于在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")

扫码添加微信

13013082126 扫描微信 建站咨询 优化咨询