日期:2014-05-17  浏览次数:20714 次

在asp.net下实现checkbox全选

由于在asp.net下,服务器控件会将自动生成ID和name属性。所以用javascrip实现全选比较麻烦。

笔者通过查找资料,觉得从简单角度来实现的话,采用javascrip + jquery一起混合使用来实现比较简单。

下面是代码:

 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="全选"
  }

  }

调用代码:

 <input type="button" id="btnSelectAll"  value="全选" class="input_btn_search" onclick="quanxuan()"  />

当然,笔者做法比较粗糙,笔者是将文档内的所有checkbox都选定了,如果想选定特定的checkbox,比如只是table中的复选框,可以通过jquery的选择器进行筛选。如:

$("table :checkbox")

当然方法还有很多,欢迎广大朋友批评指教。