当前位置:编程学习 > JAVA >>

jquery怎么实现全选复选框?

在jsp 页面jquery怎么实现全选复选框? --------------------编程问答--------------------
Jquery部分 
//全部选择
 $("#all").click(function(){  
  $("input[name='checkbox1']").each(function(){
   $(this).attr("checked",true);
  });  
 });
普通javascirpt部分:
function checkAll(){
 for(i=0;i<newTask.length;i++){
  e=newTask.elements[i];
  if(e.type=='checkbox'){
   if(e.checked=false){
    e.checked=true;
   }else{
    e.checked=true;
   }
  }
 } 
}
--------------------编程问答-------------------- 给所有复选框的设定一个统一的class
然后用
$(".className").attr("checked",true) --------------------编程问答-------------------- <html>
  <head>
    <title>复选框全选</title>
    <script src="jquery-1.4.2.js"></script>
    <script>
function selectAll(){
  //找到div标签下面的所有input元素中的checkbox元素
  $("div").find("input:checkbox").attr("checked",true);
}
function unselectAll(){
  $("div").find("input:checkbox").attr("checked",false);
}
    </script>
  </head>
  <body>
    <div>
<input type="checkbox" name="xx"/>xx
<input type="checkbox" name="xx"/>xx
<input type="checkbox" name="xx"/>xx
<input type="checkbox" name="xx"/>xx
    </div>
<button onclick="selectAll()">全选</button>
<button onclick="unselectAll()">全不选</button>
  </body>
</html>
注释写的不多就一句关键代码 --------------------编程问答-------------------- 谢谢啦!
补充:Java ,  J2ME
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,