チェックボックスをオンにし、チェックボックスをオフにする必要があります。誰か助けてください

私は、チェックボックスのチェックボックスとチェックしないチェックボックスを分ける必要があります。私は仕事の半分をやったが、チェックボックスとチェックボックスを分けることができない。私を助けてください。チェックボックスをオンにし、チェックボックスをオフにする必要があります。誰か助けてください

以下の例には、マージボタンがあります。マージボタンをクリックすると表示されます。チェックされたチェックボックスとチェックされていないチェックボックスを別々にする必要があります。

おそらく

$('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>

出典

2011-07-06 Mr.T.K

どのように分離？ – Niklas

コメントされたコードそれはちょっと混乱しています、あなたは本当にそれを必要としますか？目標の説明を改善できますか？ – microspino

のようなもの：

$(":checkbox:checked")

そしてないで確認：あなたはでチェック選択することができます

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

出典

2011-07-06 10:14:13 aroth

お返事ありがとうございます。チェックされた要素とチェックされていない要素をどのように表示するかについてもう少し手助けが必要です。 –

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

・ホープ、このことができます。乾杯。

出典

2011-07-06 10:18:17

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

出典

2011-07-06 10:20:41

私はあなたが達成したいことを理解していません。あなたのコメントから、それはあなたがこのような何かを必要とするように私には思える（私とあなたのdiv.wrapperを交換し、あなたのbodyの終了前jQueryのコードを追加します）：

HTMLコード（div.wrapper）：

<div class="wrapper"> 
<form action="#" method="get" accept-charset="utf-8"> 
    <ul class="checkboxes"> 
     <li><label for="chk_1">chk_1</label> 
      <input type="checkbox" name="chk1" value="" id="chk_1"> 
     </li> 
     <li><label for="chk_2">chk_2</label> 
      <input type="checkbox" name="chk2" value="" id="chk_2"> 
     </li> 
     <li><label for="chk_3">chk_3</label> 
      <input type="checkbox" name="chk3" value="" id="chk_3"> 
     </li> 
     <li><label for="chk_4">chk_4</label> 
      <input type="checkbox" name="chk4" value="" id="chk_4"> 
     </li> 
     <li><label for="chk_5">chk_5</label> 
      <input type="checkbox" name="chk5" value="" id="chk_5"> 
     </li> 
     <li><label for="chk_6">chk_6</label> 
      <input type="checkbox" name="chk6" value="" id="chk_6"> 
     </li> 
    </ul> 

    <input type="button" value="merge" id="mer" /> 
</form>

のjQueryコード：

<script type="text/javascript" charset="utf-8"> 
$('document').ready(function() { 
    $('#mer').click(function() { 
     var checked = $(':checkbox:checked').parents("li").remove(); 
     checked.insertBefore($(".checkboxes li:first")); 
    }); 
}); 
</script>

出典

2011-07-06 10:50:33 microspino

こんにちはマイクロスピノこれは、マージボタンをクリックすると、複数の選択されたチェックボックスを昇順に並べ替え、次にチェックボックスをオフにする方法です。 –

「昇順」はどういう意味ですか？それは最初にチェックされた=リストの最初の意味ですか？ – microspino

チェックボックスをオンにし、チェックボックスをオフにする必要があります。誰か助けてください

答えて

関連する問題