3

すべて選択/チェックボックスの選択解除に問題があります

コードはこちら

<input type="checkbox" value="" onclick="checkedAll();" name="checkall" id="checkall"/>

  function checkedAll() {
      $('.all span').click(function () {
       if(document.getElementById("checkall").checked == true)
       {
         $('#uniform-undefined span').addClass('checked');      
       }
       else
       {
         $('#uniform-undefined span').removeClass('checked');
       }
     });
     $.uniform.update();
   }

チェックボックスを選択すると（すべてのチェックボックスがtrueの場合）、jQueryはスパンタグを追加しますclass="checked"

     spanTag.addClass(options.checkedClass);

そして、アクティブなチェックボックスはありません。 

<li><label><div id="uniform-undefined" class="checker">">
   <span class="checked"><input type="checkbox" value="F2" style="opacity: 0;"></span>
   </div><b>1 </b>
 </label></li>

<li><label><div id="uniform-undefined" class="checker">
   <span class="checked"><input type="checkbox" value="F2" style="opacity: 0;"></span>
   </div><b>2 </b>
</label></li>

<li><label><div id="uniform-undefined" class="checker">
    <span class="checked"><input type="checkbox" value="F3" style="opacity: 0;"></span>
    </div><b>3 </b>
</label></li>
4

5 に答える 5

3

これを試して...

  $('#all').on('click', function(){
        $(':checkbox').attr("checked",$(this).is(':checked'));
  });

またはlasバージョンの場合。

  $('#all').on('click', function(){
        $(':checkbox').prop("checked",$(this).is(':checked'));
  });

この例を参照してください...

于 2013-02-06T13:02:29.470 に答える
2

こんなの目指してるの？

$('document').ready(function(){
    $('#all').click(function(){
        if($(this).is(':checked')){
            $('.group').attr("checked",true);
        }
        else{
            $('.group').attr("checked",false);
        }
    })
});

このデモを見る

于 2013-02-06T12:54:11.510 に答える
0

最も簡単なソリューションは、uniform.update を呼び出します。

        $(".all span").each(function () {
            $(this).prop("checked", document.getElementById("checkall").checked );
        });
        $.uniform.update();
于 2015-12-17T10:27:18.627 に答える
0 
$('document').ready(function(){
    $('#all').click(function(){
        if($(this).is(':checked')){
            $('.group').attr("checked",true);
        }
        else{
            $('.group').attr("checked",false);
        }
    })
});

これは、コードが正しく機能するのは初めての場合のみです。もう一度チェックボックスをクリックすると、機能しません。チェックされただけです。

于 2013-04-08T07:06:33.733 に答える
-2 
<script>
$('document').ready(function(){

    $('#selectAll').click(function(){
        if($(this).is(':checked')){
            $('#uniform-undefined span').attr("class","checked");
        }
        else{
            $('#uniform-undefined span').attr("class","");
        }
    })
});
</script>
于 2015-07-08T11:09:23.247 に答える