Javascript 我需要将选中和未选中复选框分开。请任何人帮帮我_Javascript_Jquery_Css

Javascript 我需要将选中和未选中复选框分开。请任何人帮帮我

javascript jquery css

Javascript 我需要将选中和未选中复选框分开。请任何人帮帮我,javascript,jquery,css,Javascript,Jquery,Css,我需要将选中和未选中的复选框从一组复选框中分离出来。我已经完成了一半的工作，但我无法区分选中和未选中复选框。请帮帮我下面的示例具有“合并”按钮。单击“合并”按钮时。必须将选中和未选中复选框分开 $('document').ready( function() { var b = $('#hid').val(); for (var i=0; i<b; i++) { var data ="<li><input typ

我需要将选中和未选中的复选框从一组复选框中分离出来。我已经完成了一半的工作，但我无法区分选中和未选中复选框。请帮帮我

下面的示例具有“合并”按钮。单击“合并”按钮时。必须将选中和未选中复选框分开

$('document').ready( function() {
         var b = $('#hid').val();
                 for (var i=0; i<b; i++) {
    var data ="<li><input type='checkbox' id='"+i+"'>Example"+i+"</li>";
                   $('#aa').append(data);
                   //$('td').css({'border-right':'1px solid red', ''});
                   $('.checklist').append(data);
              }  

                //var a = $('input[type="checkbox"]').length;
                //$('input[type="checkbox"]').attr("checked");
                //if ($(this).is(':checked')) {

                //}


/* for (j=0; j<a; j++)
                {
                        var che = $("input[type=checkbox]:checked").length;
                        alert (che);
                        if(che > 3))
                        {
                                alert ('this is 2');
                        } else {
                                alert('you clicked more than four');
                        }
                }*/


                $('#mer').click( function() {
                 var che = $('input[type="checkbox"]:checked').filter(":checked").length;
                 //alert($('input[type="checkbox"]:checked').filter(":not(:checked)").length);
   $('input[type="checkbox"]:checked').attr('disabled', true);  

                });


/*  
   for (var j=0; j<=b; j++) {
                 function isEven(j) {
           if (j%2 == 0)
             alert(j);
                          return true;
             else
               return false;
          }  
                 }
*/  


/* $(function() {
          $('input[type="checkbox"]').bind('click',function() {  
                          if($('input[type="checkbox"]:checked').length == 2) {
                                 $(':checked').attr('disabled', true);
               }
          });
        });  
*/



});
</script>
<style type="text/css">
.wrapper {
 width:900px;
 height:auto;
 margin:0 auto;
}
.checklist {
 margin:0px;
 padding:0px;
}
 ul.checklist {
 margin:0px;
 padding:0px;
}
 ul.checklist li {
 list-style-type:none;
}
.dull {
        color:#ccc;
}

</style>
</head>
<body>
<div class="wrapper">
<input type="hidden" name="no. of checkbox" value="15" id="hid"/>
<ul class="checklist">
</ul>
<input type="button" value="merge" id="mer" />
</div>
</body>
</html>

也许是这样的：

var unchecked = [];
var checked = [];
jQuery.each($('input[type="checkbox"]'), function() {
    if (this.checked) {
        checked.push(this);
    }
    else {
        unchecked.push(this);
    }
});

也许是这样的：

var unchecked = [];
var checked = [];
jQuery.each($('input[type="checkbox"]'), function() {
    if (this.checked) {
        checked.push(this);
    }
    else {
        unchecked.push(this);
    }
});

您可以选择“检查方式”：

$(":checkbox:checked")

$(":checkbox:not(:checked)")

并且未通过以下方式进行检查：

$(":checkbox:checked")

$(":checkbox:not(:checked)")

希望这有帮助。干杯

您可以选择以下选项：

$(":checkbox:checked")

$(":checkbox:not(:checked)")

$('#mer').click( function() {
  var checked = [];
  var unchecked = [];  
  $('input[type="checkbox"]').each(function(){
    if( this.checked ){
      checked.push(this);
    }else{
      unchecked.push(this);
    }
  });
});

并且未通过以下方式进行检查：

$(":checkbox:checked")

$(":checkbox:not(:checked)")

希望这有帮助。干杯

我不确定你想完成什么。从您的评论中，我觉得您需要这样的东西，用我的替换您的div.wrapper，并在正文末尾之前添加jQuery代码：

$('#mer').click( function() {
  var checked = [];
  var unchecked = [];  
  $('input[type="checkbox"]').each(function(){
    if( this.checked ){
      checked.push(this);
    }else{
      unchecked.push(this);
    }
  });
});

HTML代码div.wrapper：

jQuery代码：

我不知道你想完成什么。从您的评论中，我觉得您需要这样的东西，用我的替换您的div.wrapper，并在正文末尾之前添加jQuery代码：

HTML代码div.wrapper：

jQuery代码：

谢谢你的回复。我需要一个更多的帮助，如何显示选中和未选中的元素。感谢回复。我还需要一个关于如何显示选中和未选中元素的帮助。注释的代码有点凌乱，你真的需要它吗？你能改进你的目标解释吗？注释代码有点凌乱，你真的需要它吗？你能改进你的目标解释吗？嗨，这是我的要求，当点击合并按钮时，如何按升序排序多个选中的复选框，然后是未选中的复选框。升序是什么意思？这是不是意味着first checked=列表中的first in list？嗨，这是我的要求，当单击“合并”按钮时，如何按升序排序多个选中的复选框，然后按未选中的复选框排序。升序是什么意思？这是否意味着第一次选中=列表中的第一个？