JQuery 复选框选中问题

<script type="text/javascript"> 
$(function() { 
 $("#idex").click(function(){
     if ($(this).attr("checked") == true)
     {
  $('input[name]=checkbox1').each(function(){
  $(this).attr("checked",true);
  });
      }    //全选打勾，下面复选框全部选中
      else
     {
  $('input[name]=checkbox1').each(function(){
  $(this).attr("checked",false);
  });
     }    //取消全选打勾，下面复选框全部取消
 });

 //当全选状态下，点击下面某个复选框取消打钩，全选框也动态取消勾
 //当未选状态下，点击下面所有复选框打钩，全选框动态选中
$('input[name]=checked').click(function(){
   $(this).each(function(){
   if ($(this).attr("checked"))
   {       语句......
   }
   
})
});}); </script>
</head>
<body>
<form name="form1">
<center><h1>复选框实例</h1></center>
<input type="checkbox" id="idex" name="checkboxall" class="checkall" value="yyyy" onclick="selectAll(this);">全选</input><br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">aa<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">bb<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">cc<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">dd<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">ee<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">ff<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">gg<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">hh<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">ii<br/>
<input type="checkbox" name="checkbox1" id="checkbox1" value="">kk<br/>
</form>

解决方案 »

  1.   

    全选全不选效果？
    jquery一句话function selectAll(checkbox) {  //全选全不选
    $('input[type=checkbox]').attr('checked', $(checkbox).attr('checked'));  
    } 
      

  2.   

    每点一次checkbox就循环遍历一下
    定义个变量=0
    如果没选
    变量++
    if(变量=1)
    break循环if(变量 > 0)
    document.getElementById(id).checked = false;
      

  3.   

    谢谢楼上，
    我需要的是jquery写法
      

  4.   

    这是有一个没选中，上面的那个就不选
    全选中的那个效果不用说了吧<html>
    <head>
    <script language="javascript">
    function check(){
    var allCb = document.getElementsByName("cb");
    var flag = false;
    for(var i = 0; i < allCb.length; i++){
    if(allCb[i].checked){
    flag = true;
    }
    }

    if(flag){
    document.getElementById("all").checked = false;
    }
    }
    </script>
    </head>
    <body>
    <input id="all" type="checkbox" onclick="check()" checked /><br /><br />
    <input name="cb" type="checkbox" onclick="check()" checked /><br />
    <input name="cb" type="checkbox" onclick="check()" checked /><br />
    <input name="cb" type="checkbox" onclick="check()" checked />
    </body>
    </html>
      

  5.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>zell419</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
        <script>
          jQuery(function($) {
               $(":checkbox:not('#idex')").click(function(event) {
                   if( $(":checkbox:not('#idex')[checked='true']").size()>0)    $("#idex").attr("checked",true);
                   else $("#idex").attr("checked",false);
               });
          });
          var  selectAll =function(obj){
               //你的全选
          }
        </script>
    </head>
    <body>
     <form name="form1">
    <center><h1>复选框实例</h1></center>
    <input type="checkbox" id="idex" name="checkboxall" class="checkall" value="yyyy" onclick="selectAll(this);">全选</input><br/>
    <input type="checkbox" name="checkbox1" id="checkbox1"  value="">aa<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">bb<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">cc<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">dd<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">ee<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">ff<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">gg<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">hh<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">ii<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">kk<br/>
    </form>
    </body>
    </html>是这样吗 ？
      

  6.   


    自己转成jquery
    找个api看一下不难
      

  7.   

     if( $(":checkbox:not('#idex')[checked='true']").size()==$(":checkbox:not('#idex')").size())    $("#idex").attr("checked",true);改了下 。这样 。应该是这样了 。
      

  8.   

    $(":checkbox").click( function() {
    if ($(":checkbox[name='checkbox1']:checked").length == $(":checkbox[name='checkbox1']").length) $("#idex").attr("checked","checked");
    else $("#idex").removeAttr("checked");
    });
      

  9.   

    //10楼有点小问题，连全选那个复选框一起绑定了
    $(":checkbox[name='checkbox1']").click( function() {
        if ($(":checkbox[name='checkbox1']:checked").length == $(":checkbox[name='checkbox1']").length) $("#idex").attr("checked","checked");
        else $("#idex").removeAttr("checked");
    });
      

  10.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
    <title>无标题文档</title>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    $(function() {  
     $("#idex").click(function(){
    $('input[name=checkbox1]').attr('checked',$(this).attr("checked"));
     }); //当全选状态下，点击下面某个复选框取消打钩，全选框也动态取消勾
    //当未选状态下，点击下面所有复选框打钩，全选框动态选中
    var $checkboxes = $('input[name="checkbox1"]');
    $('input[name=checkbox1]').click(function(){
    // 总个数
    var checkBoxCount = $checkboxes.length;
    var $checked = $('input[name="checkbox1"]:checked');
    // 已选择的个数
    var checkedCount = $checked.length
    $('#idex').attr('checked',checkBoxCount == checkedCount);
    });
    });  
    //-->
    </SCRIPT>
    </head><body onload=''><form name="form1">
    <center><h1>复选框实例</h1></center>
    <input type="checkbox" id="idex" name="checkboxall" class="checkall" value="yyyy">全选</input><br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">aa<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">bb<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">cc<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">dd<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">ee<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">ff<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">gg<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">hh<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">ii<br/>
    <input type="checkbox" name="checkbox1" id="checkbox1" value="">kk<br/>
    </form></body>
    </html>