Группа флажков

Question

Группа флажков

0

Привет, у меня есть вопрос о chechbox. Этот код проверял/снял флажки всех флажков, если первый флажок установлен/не установлен. Но я хочу сделать что-то еще с этим. Я хочу добавить функцию, которая, если все флажки будут отмечены, также первая, но если один или несколько флажков отмечены флажками, то сначала один из них будет снят.

<input class="checkbox" onClick=Show("checkbox") type="checkbox" name="checkboxAll" value="all">
<input class="checkbox" type="checkbox" name="checkboxname1" value="1">
<input class="checkbox" type="checkbox" name="checkboxname2" value="2">
<input class="checkbox" type="checkbox" name="checkboxname3" value="3">

Код js:

 function Show( a ) {
     if ( $("."+a).attr('checked') == true )
          $("."+a).attr('checked', true);   
     else 
          $("."+a).attr('checked', false);          
 }

user2790376 18 сен. 2013, в 10:27

Источник

Теги:

javascript

jquery

html

checkbox

4 ответа

1

измените имена классов дочерних элементов и вызовите их в своей функции show. Он будет работать для вас. Он работает не так, как ожидалось, так как имена классов одинаковы для первого, а также другие.

Ganesh Pandhere 18 сен. 2013, в 06:30

0

 Include jQuery and copy and paste this code 
 Its working.......    


 <script>
     $(function(){
          $('#select_all_').click(function(){
            if($('#select_all_').is(':checked')){
               $(".check_").attr ( "checked" ,"checked" );
                }
                else
                {
                    $(".check_").removeAttr('checked');
                }
            });


            $('.check_').click(function(){
                    $.each($('.check_'),function(){
                            if(!$(this).is(':checked'))
                                $('#select_all_').attr('checked',false);
                    });
                });
            });
            </script>

     <input type="checkbox" name="chkbox" id="select_all_" value="1" />


     <input type="checkbox" name="chkbox" class="check_" value="Apples" />
     <input type="checkbox" name="chkbox" class="check_" value="Bananas" />
     <input type="checkbox" name="chkbox" class="check_" value="Apples" />
     <input type="checkbox" name="chkbox" class="check_" value="Bananas" />

Vishnu Sharma 18 сен. 2013, в 06:57

0

Попробуй это

$(function(){
    $('input[name="checkboxAll"]').change(function(){
        $('input[name^="checkboxname"]').prop("checked",$(this).is(':checked'))
    });


 $('input[name^="checkboxname"]').change(function(){
    var a=$('input[name^="checkboxname"]').length;
     if( $('input[name^="checkboxname"]').filter(":checked").length==a){
         $('input[name="checkboxAll"]').prop("checked",true)}
     else
     {
         $('input[name="checkboxAll"]').prop("checked",false)
     }
    });  

});

DEMO

Amit 18 сен. 2013, в 04:54

Ещё вопросы

Morne · Accepted Answer · 2013-09-18T06-50-00.000Z

Я немного изменил имена ваших checkBoxes, но из того, что я могу понять в вашем вопросе, это будет работать:

    <input id="first" onClick="Show();" type="checkbox" name="checkboxAll" value="all">
    <input class="checkbox" onClick="check();" type="checkbox" name="checkboxname1" value="1">
    <input class="checkbox" onClick="check();" type="checkbox" name="checkboxname2" value="2">
    <input class="checkbox" onClick="check();" type="checkbox" name="checkboxname3" value="3">

и js:

        function Show() {
             if ($('#first').is(':checked')){
                  $(".checkbox").prop('checked', true);  
            }
             else{
                  $(".checkbox").prop('checked', false);   
            }

         }  

        function check(){
            allChecked = true;
            $(".checkbox").each(function(){
                if (!$(this).is(':checked')){
                    allChecked = false;
                }
            });
            if (allChecked){
                $("#first").prop('checked', true);  
            }
            else{
                $("#first").prop('checked', false); 
            }

        }

Лучше использовать "prop", чем функцию "attr", см. Здесь: Как проверить, установлен ли флажок в jQuery?