আমি jQuery ব্যবহার করে কীভাবে সমস্ত চেকবক্সগুলি চেক / আনচেক করব?

Question

আমি jQuery ব্যবহার করে সমস্ত চেকবাক্স চেক / আনচেক করার চেষ্টা করছি। এখন প্যারেন্ট চেকবক্সটি চেক / আনচেক করে সমস্ত শিশু চেকবাক্সগুলি চেকল / আনচেকলটিতে পরিবর্তিত হয়ে প্যারেন্ট চেকবাক্সের পাঠ্যকে বাছাই / নির্বাচিত করা হচ্ছে।

এখন আমি একটি ইনপুট বোতামের সাথে প্যারেন্ট চেকবক্সটি প্রতিস্থাপন করতে এবং বোতামের পাঠ্যটি চেকল / আনচেকল পরিবর্তন করতে চাই। এই কোডটি কি কেউ দয়া করে কোডটি টুইট করতে পারবেন?

    $( function() {
        $( '.checkAll' ).live( 'change', function() {
            $( '.cb-element' ).attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' );
            $( this ).next().text( $( this ).is( ':checked' ) ? 'Uncheck All' : 'Check All' );
        });
        $( '.cb-element' ).live( 'change', function() {
            $( '.cb-element' ).length == $( '.cb-element:checked' ).length ? $( '.checkAll' ).attr( 'checked', 'checked' ).next().text( 'Uncheck All' ) : $( '.checkAll' ).attr( 'checked', '' ).next().text( 'Check All' );

        });
    });


   <input type="checkbox" class="checkAll" /> <b>Check All</b>

   <input type="checkbox" class="cb-element" /> Checkbox  1
   <input type="checkbox" class="cb-element" /> Checkbox  2
   <input type="checkbox" class="cb-element" /> Checkbox  3

Comments

angulartutorial.net/2015/11/…

— প্রশোভ

JQuery freakyjolly.com/…

— কোড স্পাই

Answer 1

আর একবার চেষ্টা কর :

$(document).ready(function(){
    $('.check:button').toggle(function(){
        $('input:checkbox').attr('checked','checked');
        $(this).val('uncheck all');
    },function(){
        $('input:checkbox').removeAttr('checked');
        $(this).val('check all');        
    })
})

ডেমো

Comments

-1 টগল হিসাবে কাজ করে বোঝানো হয় না: api.jquery.com/toggle (কমপক্ষে বর্তমান সংস্করণ)

— এস্তানি

শুধুমাত্র একটি বোতামের জন্য কাজ করে, আপনার কয়েকটি প্রয়োজন হলে এটি ব্যবহার করা সবচেয়ে ভাল.click()

— ফুচো

শিরোনাম: এই উত্তরটি আপনার ফর্মের প্রতিটি চেকবাক্সকে আক্ষরিকভাবে পরীক্ষা করে। আপনি না চাইলে এড়িয়ে যান। একাধিক চেকলেলের জন্য এই উত্তরটি আমাকে সহায়তা করেছে: stackoverflow.com/a/27148382/3448554

— কেলসি হান্নান

আমি এই কোডটি চেষ্টা করেছিলাম, তবে কেন আমার চেকবক্সটি অদৃশ্য হয়ে যায়? এক্সডি এবং এতে একটি "ডিসপ্লে: কিছুই নয়" সম্পত্তি রয়েছে

— মেলভনবার্ড

JQuery এর নতুন সংস্করণ সহ, .attr()এবং removeAttr()"পরীক্ষিত" বৈশিষ্ট্যের সাথে ব্যবহার করা উচিত নয়। হিসাবে removeAttr()এটি সেটিংয়ের পরিবর্তে অ্যাট্রিবিউট সরাবে false। .prop('checked', true)বা .prop('checked', false)পরিবর্তে ব্যবহার করা উচিত, যেমন @ রিচার্ড-গারসাইড উত্তরে ব্যাখ্যা করা হয়েছে।

— ডেভিড টরেস

Answer 2

এটি আমি খুঁজে পাওয়া সংক্ষিপ্ততম উপায় (jQuery1.6 + প্রয়োজন)

এইচটিএমএল:

<input type="checkbox" id="checkAll"/>

জাতীয়:

$("#checkAll").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
});

আমি .prop ব্যবহার করছি .attr jQuery 1.6+ এ চেকবক্সগুলির জন্য কাজ করে না যদি না আপনি স্পষ্টভাবে আপনার ইনপুট ট্যাগটিতে একটি চেক করা বৈশিষ্ট্য যুক্ত করেন।

নিদর্শন

$("#checkAll").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="#">
    <p><label><input type="checkbox" id="checkAll"/> Check all</label></p>
    
    <fieldset>
        <legend>Loads of checkboxes</legend>
        <p><label><input type="checkbox" /> Option 1</label></p>
        <p><label><input type="checkbox" /> Option 2</label></p>
        <p><label><input type="checkbox" /> Option 3</label></p>
        <p><label><input type="checkbox" /> Option 4</label></p>
    </fieldset>
</form>

Comments

আপনি এটি কিভাবে ব্যবহার করবেন? কোনও ঝাঁকুনি দেখার কোনও সুযোগ?

— ড্রিউডাভিড

সহজ উত্তর, তবে ওপি একটি বোতাম চেয়েছিল

— vphilipnyc

আপনি কীভাবে এইভাবে "সকলকে অনির্বাচিত" করেন?

— মিশাল Skop 11

@ মিচালস্কোপ এই কোডটি # চেকএল চেক করা হয়েছে কিনা তার উপর ভিত্তি করে এই কোডটি নির্বাচন করে বা না নির্বাচিত করেছে। যদি আপনি সমস্ত কিছু অনিচ্ছুক করতে চান তবে আপনি কেবল এই জাতীয় মান "input (" ইনপুট: চেকবক্স ") এর মতো ব্যবহার করতে পারেন prop

— রিচার্ড গারসাইড

ধন্যবাদ, খুব সহজ!

— viniciussvl

Answer 3

আর একবার চেষ্টা কর:

এইচটিএমএল

<input type="checkbox" name="all" id="checkall" />

জাভাস্ক্রিপ্ট

$('#checkall:checkbox').change(function () {
   if($(this).attr("checked")) $('input:checkbox').attr('checked','checked');
   else $('input:checkbox').removeAttr('checked');
});​

ডেমো

Comments

হ্যাঁ এই কোডটি নিখুঁতভাবে ধন্যবাদ, যদিও এটি ডম লেভেল থেকে পরিবর্তিত হয়। আমার কোড করার চেষ্টা করা হয়েছে তবে আমি অন্যান্য প্লাগিনগুলিও চেষ্টা করেছিলাম যা খুব কার্যকর হয় না .. এটি একদম নিখুঁত।

— রাফি

Answer 4

এইচটিএমএল

<input type="checkbox" name="select_all" id="select_all" class="checkAll" />

জাভাস্ক্রিপ্ট

    $('.checkAll').click(function(){
    if($(this).attr('checked')){
        $('input:checkbox').attr('checked',true);
    }
    else{
        $('input:checkbox').attr('checked',false);
    }
});

Comments

আপনি jQuery1.6 + ব্যবহার করছেন যদি .attr এর পরিবর্তে .প্রপ ব্যবহার করুন

— রিচার্ড

Answer 5

টগল -ইভেন্টটি আর উপলব্ধ না থাকায় jQuery 1.9+ এর সাথে সামঞ্জস্য রেখে একটি বোতাম ব্যবহার করে চেকবক্সগুলি টগল করার জন্য সমাধান :

$('.check:button').click(function(){
      var checked = !$(this).data('checked');
      $('input:checkbox').prop('checked', checked);
      $(this).val(checked ? 'uncheck all' : 'check all' )
      $(this).data('checked', checked);
});

ডেমো

Comments

আমার উদ্দেশ্যে, একটি ক্লাসের সাথে একটি চেকবক্স এবং "ইনপুট: চেকবক্স" দিয়ে বোতামটি প্রতিস্থাপন করা হয়েছে এবং এটি দুর্দান্ত কাজ করেছে!

— RationalRabbit

Answer 6

এটা চেষ্টা কর:

$('.checkAll').on('click', function(e) {
     $('.cb-element').prop('checked', $(e.target).prop('checked'));
});

eইভেন্টটি তৈরি করা হয় যখন আপনি করেন click, এবং e.targetউপাদানটি ক্লিক করা হয় ( .checkAll), সুতরাং আপনাকে কেবল checkedক্লাসের সাথে উপাদানগুলির সম্পত্তি .cb-elementরাখতে হবে ck

পিএস: আমার খারাপ ইংরাজিকে মাফ করবেন!

Comments

আরে রুবেন, আপনার উত্তরে আপনার একটি মন্তব্য যুক্ত করা উচিত যাতে ওপি বুঝতে পারে যে আপনি কীভাবে এই সমস্যাটি ঠিক সমাধান করেছেন

— edi9999

আপনার সাহায্যের জন্য ধন্যবাদ @ edi9999, আমি একজন শিক্ষানবিস

— রুবেন পেরেজ

এই উত্তরটি আরও ভাল আইএমও, যেহেতু স্বীকৃত উত্তরটি আপনার ফর্মের সমস্ত চেকবক্সগুলি পরীক্ষা করবে , যখন আপনার প্যাটার্নটি আপনাকে সহজেই বিভিন্ন HTML ফর্ম $ ("# আইডি") বা "(" শ্রেণি ") উপাদানগুলিকে $('#all_news_items').on('click', function(e) { $('.news-item-option').prop('checked', $(e.target).prop('checked')); }); চেকল ছাড়াই একটি প্যাটার্নের মাধ্যমে লক্ষ্য করে তোলে let's অন্যান্য ফর্মের উপাদানগুলির সাথে হস্তক্ষেপ করে ফাংশন, যাতে আপনি সহজেই একটি নতুন চেকল যুক্ত করতে পারেন:$('#all_specializations').on('click', function(e) { $('.specialization-option').prop('checked', $(e.target).prop('checked')); });

— কেলসি হান্নান

Answer 7

আপনি এটি চেষ্টা করতে পারেন

    $('.checkAll').on('click',function(){
        $('.checkboxes').prop('checked',$(this).prop("checked"));
    });`

ক্লাস .checkAllহ'ল একটি চেকবক্স যা বাল্ক অ্যাকশনকে নিয়ন্ত্রণ করে

Answer 8

রিচার্ড Garside এর সংক্ষিপ্ত উত্তর, কিন্তু এর পরিবর্তে ব্যবহার করার সঙ্গে একমত হয়েছেন বর্তমান prop()মধ্যে $(this).prop("checked")আপনি নেটিভ জাতীয় ব্যবহার করতে পারেন checkedসম্পত্তির চেকবক্সটি মত,

$("#checkAll").change(function () {
    $("input:checkbox").prop('checked', this.checked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="#">
    <p><label><input type="checkbox" id="checkAll"/> Check all</label></p>
    
    <fieldset>
        <legend>Loads of checkboxes</legend>
        <p><label><input type="checkbox" /> Option 1</label></p>
        <p><label><input type="checkbox" /> Option 2</label></p>
        <p><label><input type="checkbox" /> Option 3</label></p>
        <p><label><input type="checkbox" /> Option 4</label></p>
    </fieldset>
</form>

Answer 9

JQuery ব্যবহার করে মধ্যবর্তী সম্পত্তি সহ সকলকে চেক / আনচেক করুন

GetSelectedItems () পদ্ধতি ব্যবহার করে অ্যারেতে আইটেমগুলি পরীক্ষা করুন

উত্স চেকবক্সের তালিকা নির্ধারিত মাস্টার চেক সহ সমস্ত নির্বাচন / নির্বাচন নির্বাচন করুন

এইচটিএমএল

<div class="container">
  <div class="card">
    <div class="card-header">
      <ul class="list-group list-group-flush">
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="selectAll"
            id="masterCheck"
          />
          <label class="form-check-label" for="masterCheck">
            Select / Unselect All
          </label>
        </li>
      </ul>
    </div>
    <div class="card-body">
      <ul class="list-group list-group-flush" id="list-wrapper">
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item1"
            id="item1"
          />
          <label class="form-check-label" for="item1">
            Item 1
          </label>
        </li>
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item2"
            id="item2"
          />
          <label class="form-check-label" for="item2">
            Item 2
          </label>
        </li>
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item3"
            id="item3"
          />
          <label class="form-check-label" for="item3">
            Item 3
          </label>
        </li>
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item4"
            id="item4"
          />
          <label class="form-check-label" for="item4">
            Item 4
          </label>
        </li>
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item5"
            id="item5"
          />
          <label class="form-check-label" for="item5">
            Item 5
          </label>
        </li>
        <li class="list-group-item" id="selected-values"></li>
      </ul>
    </div>
  </div>
</div>

jQuery এর

  $(function() {
    // ID selector on Master Checkbox
    var masterCheck = $("#masterCheck");
    // ID selector on Items Container
    var listCheckItems = $("#list-wrapper :checkbox");

    // Click Event on Master Check
    masterCheck.on("click", function() {
      var isMasterChecked = $(this).is(":checked");
      listCheckItems.prop("checked", isMasterChecked);
      getSelectedItems();
    });

    // Change Event on each item checkbox
    listCheckItems.on("change", function() {
      // Total Checkboxes in list
      var totalItems = listCheckItems.length;
      // Total Checked Checkboxes in list
      var checkedItems = listCheckItems.filter(":checked").length;

      //If all are checked
      if (totalItems == checkedItems) {
        masterCheck.prop("indeterminate", false);
        masterCheck.prop("checked", true);
      }
      // Not all but only some are checked
      else if (checkedItems > 0 && checkedItems < totalItems) {
        masterCheck.prop("indeterminate", true);
      }
      //If none is checked
      else {
        masterCheck.prop("indeterminate", false);
        masterCheck.prop("checked", false);
      }
      getSelectedItems();
    });

    function getSelectedItems() {
      var getCheckedValues = [];
      getCheckedValues = [];
      listCheckItems.filter(":checked").each(function() {
        getCheckedValues.push($(this).val());
      });
      $("#selected-values").html(JSON.stringify(getCheckedValues));
    }
  });

Answer 10

এখানে সেরা সমাধান চেক ফিডল

$("#checkAll").change(function () {
    $("input:checkbox.cb-element").prop('checked', $(this).prop("checked"));
});
$(".cb-element").change(function () {
        _tot = $(".cb-element").length                        
        _tot_checked = $(".cb-element:checked").length;

        if(_tot != _tot_checked){
            $("#checkAll").prop('checked',false);
        }
});

<input type="checkbox" id="checkAll"/> ALL

<br />

<input type="checkbox" class="cb-element" /> Checkbox  1
<input type="checkbox" class="cb-element" /> Checkbox  2
<input type="checkbox" class="cb-element" /> Checkbox  3

Answer 11

নীচে কোডটি ব্যবহার করবে যদি ব্যবহারকারীরা সমস্ত চেকবক্স নির্বাচন করে তারপরে সমস্ত-চেকবক্সটি চেক করা হবে এবং ব্যবহারকারী যদি কোনও একটি চেকবক্স নির্বাচন না করে তবে চেক অল-চেকবক্সটি চেক করা হবে না।

$("#checkall").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
});

$(".cb-element").change(function () {
  if($(".cb-element").length==$(".cb-element:checked").length)
    $("#checkall").prop('checked', true);
  else
    $("#checkall").prop('checked', false);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="all" id="checkall" />Check All</br>

<input type="checkbox" class="cb-element" /> Checkbox  1</br>
<input type="checkbox" class="cb-element" /> Checkbox  2</br>
<input type="checkbox" class="cb-element" /> Checkbox  3

Answer 12

এটা চেষ্টা কর

$(".checkAll").click(function() {
    if("checkall" === $(this).val()) {
         $(".cb-element").attr('checked', true);
         $(this).val("uncheckall"); //change button text
    }
    else if("uncheckall" === $(this).val()) {
         $(".cb-element").attr('checked', false);
         $(this).val("checkall"); //change button text
    }
});

Comments

আমি আপনার স্ক্রিপ্ট চেষ্টা করেছি, কিন্তু ভাগ্য নেই। আমি দয়া করে সঠিকভাবে প্রয়োগ করেছি কিনা তা দয়া করে দেখতে পারেন ..? ডেমো

— রবি

Answer 13

নির্লজ্জ স্ব-প্রচার: এর জন্য একটি jQuery প্লাগইন রয়েছে ।

এইচটিএমএল:

<form action="#" id="myform">
    <div><input type="checkbox" id="checkall"> <label for="checkall"> Check all</label></div>
    <fieldset id="slaves">
        <div><label><input type="checkbox"> Checkbox</label></div>
        <div><label><input type="checkbox"> Checkbox</label></div>
        <div><label><input type="checkbox"> Checkbox</label></div>
        <div><label><input type="checkbox"> Checkbox</label></div>
        <div><label><input type="checkbox"> Checkbox</label></div>
    </fieldset>
</form>​

জাতীয়:

$('#checkall').checkAll('#slaves input:checkbox', {
    reportTo: function () {
        var prefix = this.prop('checked') ? 'un' : '';
        this.next().text(prefix + 'check all');
    }
});​

...এবং তুমি করে ফেলেছ.

http://jsfiddle.net/mattball/NrM2P

Answer 14

এটা চেষ্টা কর,

<input type="checkbox" class="checkAll" onclick="$('input[type=checkbox][class=cb-element]').attr('checked',this.checked)">

Answer 15

আপনি this.checkedচেকবক্সের বর্তমান অবস্থা যাচাই করতে ব্যবহার করতে পারেন ,

$('.checkAll').change(function(){
    var state = this.checked; //checked ? - true else false

    state ? $(':checkbox').prop('checked',true) : $(':checkbox').prop('checked',false);

    //change text
    state ? $(this).next('b').text('Uncheck All') : $(this).next('b').text('Check All')
});

$('.checkAll').change(function(){
    var state = this.checked;
    state? $(':checkbox').prop('checked',true):$(':checkbox').prop('checked',false);
    state? $(this).next('b').text('Uncheck All') :$(this).next('b').text('Check All')
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <input type="checkbox" class="checkAll" /> <b>Check All</b>

   <input type="checkbox" class="cb-element" /> Checkbox  1
   <input type="checkbox" class="cb-element" /> Checkbox  2
   <input type="checkbox" class="cb-element" /> Checkbox  3

Answer 16

সমস্ত চেকবাক্স চেক / চেক করতে কোডের নীচে চেষ্টা করুন

jQuery(document).ready(function() {
    $("#check_uncheck").change(function() {
        if ($("#check_uncheck:checked").length) {
            $(".checkboxes input:checkbox").prop("checked", true);
        } else {
            $(".checkboxes input:checkbox").prop("checked", false);
        }
    })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="checkbox" name="check_uncheck" id="check_uncheck" /> Check All/Uncheck All
<br/>
<br/>
<div class="checkboxes">
    <input type="checkbox" name="check" id="check" /> Check Box 1
    <br/>
    <input type="checkbox" name="check" id="check" /> Check Box 2
    <br/>
    <input type="checkbox" name="check" id="check" /> Check Box 3
    <br/>
    <input type="checkbox" name="check" id="check" /> Check Box 4
</div>

এই ডেমো লিঙ্কটি চেষ্টা করে দেখুন

এটি করার জন্য আরও একটি ছোট উপায় রয়েছে, উদাহরণের নীচে চেকআউট। এই উদাহরণে সমস্ত চেকবক্সটি চেক / আনচেক করা আছে কিনা তা পরীক্ষা করা হয়েছে কিনা তা যদি পরীক্ষা না করে থাকে তবে সমস্ত পরীক্ষা করা হবে এবং না হলে সমস্ত পরীক্ষা করা হবে না

$("#check_uncheck").change(function() {
    $(".checkboxes input:checkbox").prop("checked",$(this).is(':checked'));
})

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <input type="checkbox" name="check_uncheck" id="check_uncheck" /> Check All/Uncheck All
    <br/>
    <br/>
    <div class="checkboxes">
        <input type="checkbox" name="check" id="check" /> Check Box 1
        <br/>
        <input type="checkbox" name="check" id="check" /> Check Box 2
        <br/>
        <input type="checkbox" name="check" id="check" /> Check Box 3
        <br/>
        <input type="checkbox" name="check" id="check" /> Check Box 4
    </div>

Answer 17

আমি জানি এই প্রশ্নটি পুরানো তবে, আমি লক্ষ্য করেছি যে বেশিরভাগ লোক চেকবক্স ব্যবহার করছে। গৃহীত উত্তরটি একটি বোতাম ব্যবহার করে তবে বেশ কয়েকটি বোতামের সাথে কাজ করতে পারে না (উদাহরণস্বরূপ, নীচে পৃষ্ঠার একের উপরে একটি)। সুতরাং এখানে একটি পরিবর্তন যা উভয় করে।

এইচটিএমএল

<a href="#" class="check-box-machine my-button-style">Check All</a>

jQuery এর

var ischecked = false;
$(".check-box-machine").click(function(e) {
    e.preventDefault();
    if (ischecked == false) {
        $("input:checkbox").attr("checked","checked");
        $(".check-box-machine").html("Uncheck All");
        ischecked = true;
    } else {
        $("input:checkbox").removeAttr("checked");
        $(".check-box-machine").html("Check All");
        ischecked = false;
    }
});

এটি আপনাকে পাঠ্য এবং চেকবক্সের মান পরিবর্তনের সাথে যতগুলি বোতাম চান তার পক্ষে অনুমতি দেবে। আমি একটি e.preventDefault()কল অন্তর্ভুক্ত করেছি কারণ এটি href="#"অংশটির কারণে পৃষ্ঠাটিকে শীর্ষে উঠতে বাধা দেবে ।

Answer 18

$(function () {
    $('input#check_all').change(function () {
        $("input[name='input_ids[]']").prop('checked', $(this).prop("checked"));
    });
});

Comments

এই কোডটি কেন প্রশ্নের উত্তর দেয় তার একটি ব্যাখ্যা আপনি দয়া করে সম্পাদনা করতে পারেন ? কোড-কেবল উত্তরগুলি নিরুৎসাহিত করা হয়, কারণ তারা সমাধানটি শেখায় না।

— স্কিমোনস্টার

Answer 19

এখানে একটি লিঙ্ক দেওয়া হয়েছে, যা প্যারেন্ট চেকবক্সটি যাচাই বাছাই করতে ব্যবহার করা হয় এবং সমস্ত শিশু চেকবাক্সগুলি নির্বাচিত এবং অনির্বাচিত হচ্ছে।

jquery চেক ডেমোর সাথে জ্যাকুয়ারি ব্যবহার করে সমস্ত চেকবাক্সগুলি আনচেক করুন

$(function () {
        $("#select-all").on("click", function () {
            var all = $(this);
            $('input:checkbox').each(function () {
                $(this).prop("checked", all.prop("checked"));
            });
        });
    });

Answer 20

<script type="text/javascript">
    function myFunction(checked,total_boxes){ 
         for ( i=0 ; i < total_boxes ; i++ ){ 
           if (checked){   
             document.forms[0].checkBox[i].checked=true; 
            }else{  
             document.forms[0].checkBox[i].checked=false; 
            } 
        }   
    } 
</script>
    <body>
        <FORM> 
            <input type="checkbox" name="checkBox" >one<br> 
            <input type="checkbox" name="checkBox" >two<br> 
            <input type="checkbox" name="checkBox" >three<br> 
            <input type="checkbox" name="checkBox" >four<br> 
            <input type="checkbox" name="checkBox" >five<br> 
            <input type="checkbox" name="checkBox" >six<br> 
            <input type="checkbox" name="checkBox" >seven<br> 
            <input type="checkbox" name="checkBox" >eight<br> 
            <input type="checkbox" name="checkBox" >nine<br>
            <input type="checkbox" name="checkBox" >ten<br>  s
            <input type=button name="CheckAll" value="Select_All" onClick="myFunction(true,10)"> 
            <input type=button name="UnCheckAll" value="UnCheck All Boxes" onClick="myFunction(false,10)"> 
        </FORM> 
    </body>

Answer 21

এটি আপনার কোড ব্লকে যোগ করুন বা আপনার বোতামে ক্লিক করুন

$('input:checkbox').attr('checked',false);

Answer 22

$(document).ready( function() {
        // Check All
        $('.checkall').click(function () {          
            $(":checkbox").attr("checked", true);
        });
        // Uncheck All
        $('.uncheckall').click(function () {            
            $(":checkbox").attr("checked", false);
        });
    });

Answer 23

সমস্ত আইটেম চেক / না থাকলে চেক করুন / চেক কন্ট্রোলার দিয়ে সমস্ত পরীক্ষা করুন

জাতীয়:

e = চেকবক্স আইডি টি = চেকবক্স (আইটেম) শ্রেণি n = সব শ্রেণীর চেকবাক্স চেক করুন

function checkAll(e,t,n){jQuery("#"+e).click(function(e){if(this.checked){jQuery("."+t).each(function(){this.checked=true;jQuery("."+n).each(function(){this.checked=true})})}else{jQuery("."+t).each(function(){this.checked=false;jQuery("."+n).each(function(){this.checked=false})})}});jQuery("."+t).click(function(e){var r=jQuery("."+t).length;var i=0;var s=0;jQuery("."+t).each(function(){if(this.checked==true){i++}if(this.checked==false){s++}});if(r==i){jQuery("."+n).each(function(){this.checked=true})}if(i<r){jQuery("."+n).each(function(){this.checked=false})}})}

এইচটিএমএল:

সমস্ত কনট্রোল শ্রেণি পরীক্ষা করুন: chkall_ctrl

<input type="checkbox"name="chkall" id="chkall_up" class="chkall_ctrl"/>
<br/>
1.<input type="checkbox" value="1" class="chkall" name="chk[]" id="chk1"/><br/>
2.<input type="checkbox" value="2" class="chkall" name="chk[]" id="chk2"/><br/>
3.<input type="checkbox" value="3" class="chkall" name="chk[]" id="chk3"/><br/>
<br/>
<input type="checkbox"name="chkall" id="chkall_down" class="chkall_ctrl"/>

<script>
jQuery(document).ready(function($)
{
  checkAll('chkall_up','chkall','chkall_ctrl');
  checkAll('chkall_down','chkall','chkall_ctrl');
});
 </script>