কীভাবে jQuery ব্যবহার করে সমস্ত চেকবাক্স চেক করবেন?

Question

আমি jQuery নিয়ে বিশেষজ্ঞ নই তবে আমি আমার অ্যাপ্লিকেশনটির জন্য একটি ছোট স্ক্রিপ্ট তৈরি করার চেষ্টা করেছি। আমি সমস্ত চেকবাক্স চেক করতে চাই তবে এটি সঠিকভাবে কাজ করছে না।

প্রথমে আমি ব্যবহার করার চেষ্টা করেছি attrএবং তার পরে আমি চেষ্টা করেছি propতবে আমি কিছু ভুল করছি।

আমি প্রথমে চেষ্টা করেছিলাম:

$("#checkAll").change(function(){

  if (! $('input:checkbox').is('checked')) {
      $('input:checkbox').attr('checked','checked');
  } else {
      $('input:checkbox').removeAttr('checked');
  }       
});

তবে এটি কার্যকর হয়নি।

পরবর্তী: এটি উপরের কোডের চেয়ে ভাল কাজ করেছে

$("#checkAll").change(function(){

  if (! $('input:checkbox').is('checked')) {
      $('input:checkbox').prop('checked',true);
  } else {
      $('input:checkbox').prop('checked', false);
  }       
});

দুটি উদাহরণই কাজ করে না।

জেএসফিডাল: http://jsfiddle.net/hhZfu/4/

Comments

.prop () বনাম .ttr ()

— লিয়াম

JQuery সহ সমস্ত চেকবক্স নির্বাচন করুন

— স্টুয়ার্ট

আমার কোডেপেনের একটি লিঙ্ক এখানে ঠিক এই কোডেপেন.ইউ

— নিক্সন

Answer 1

চেক করা সম্পত্তি সেট করতে আপনাকে .prop () ব্যবহার করতে হবে

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

ডেমো: ফিডল

Comments

বাহ উত্তরের জন্য ধন্যবাদ। এই কাজটি ভাল তবে আমার অ্যাপে আমার একটি জাল চেক রয়েছে। যখন আমি পৃষ্ঠাটি রিফ্রেশ করি ctrl+rএবং চেকবক্সে ক্লিক করি checkAllসে আমাকে সব পরীক্ষা করে দেখবে না। তারপরে অবশ্যই সফল হতে হবে আমাকে আবার যাচাই করতে হবে। সুতরাং আমার কাছে 2x ক্লিকের দরকার checkAllযা একক ক্লিকে কাজ করবেন না (এক)? আমি সেই কোডটি অনুলিপি করে ফাংশন তৈরি checkAll()করি এবং চেকবক্সে সেট করিonclick="return checkAll()"

— ইভান

আপনি যদি jQuery ব্যবহার করতে চলেছেন তবে jQuery ব্যবহার করুন। ইনলাইন জাভাস্ক্রিপ্টের সাথে jQuery মেশানো ভাল ধারণা নয়। উদাহরণস্বরূপ, এটি খারাপ: <elementtag id="someID" onclick="javascript code here"--- পরিবর্তে, jQuery ব্যবহার করুন:$('#someID').click(function() { checkAll() });

— সিএসফাস

এই উত্তরটি আপনার পোস্টের মধ্যে পার্থক্য কী not(this).prop?

— শাইজুট

@ অরুনপ জোহানি, আইডি একক পৃষ্ঠায় অনন্য হওয়া উচিত, আমরা কীভাবে ক্লাস উদাহরণ ব্যবহার করে একই ফাংশনটি ব্যবহার করতে পারি jsfiddle.net/52uny55w

— কৃষ্ণ জোনালাগাদদা

@ অরুনপ জোহানি, আপনাকে সময় দেওয়ার জন্য ধন্যবাদ আমি আপনার কাছ থেকে জেকুরিতে অনেক কিছুই শিখতে চাই, আপনি কি আমাকে jquery সম্পর্কে পরামর্শ দিতে পারেন

— কৃষ্ণ জোনালাগাদদা

Answer 2

কেবলমাত্র ব্যবহার checkedসম্পত্তির checkAllএবং ব্যবহার ব্যবহার ) ঠেকনা ( পরীক্ষিত সম্পত্তি জন্য ATTR পরিবর্তে

সরাসরি নমুনা

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

চেক করা জাতীয় বৈশিষ্ট্যগুলির জন্য অ্যাট্রি () এর পরিবর্তে প্রোপ () ব্যবহার করুন

JQuery 1.6 হিসাবে, .attr () পদ্ধতিটি এমন বৈশিষ্ট্যগুলির জন্য নির্ধারিত প্রত্যাবর্তন করে যা সেট করা হয়নি। ফর্ম উপাদানগুলির পরীক্ষিত, নির্বাচিত বা অক্ষম রাষ্ট্রের মতো DOM বৈশিষ্ট্য পুনরুদ্ধার এবং পরিবর্তন করতে .prop () পদ্ধতিটি ব্যবহার করুন

চেকবক্সগুলির জন্য আপনার একই আইডি রয়েছে এবং এটি অনন্য হওয়া উচিত । নির্ভরশীল চেকবক্সগুলি সহ আপনি আরও কিছু শ্রেণি ব্যবহার করুন যাতে এটি আপনার চেকবক্সগুলিকে অন্তর্ভুক্ত না করে। যেমন $('input:checkbox')পৃষ্ঠায় সমস্ত চেকবক্স নির্বাচন করবে। যদি আপনার পৃষ্ঠাটি নতুন চেকবক্সগুলির সাথে প্রসারিত হয় তবে তারা নির্বাচিত / নির্বাচিতও পাবেন get যা উদ্দেশ্যমূলক আচরণ নাও হতে পারে।

সরাসরি নমুনা

$('#checkAll').click(function () {    
    $(':checkbox.checkItem').prop('checked', this.checked);    
});

Answer 3

একটি সম্পূর্ণ সমাধান এখানে।

$(document).ready(function() {
    $("#checkedAll").change(function() {
        if (this.checked) {
            $(".checkSingle").each(function() {
                this.checked=true;
            });
        } else {
            $(".checkSingle").each(function() {
                this.checked=false;
            });
        }
    });

    $(".checkSingle").click(function () {
        if ($(this).is(":checked")) {
            var isAllChecked = 0;

            $(".checkSingle").each(function() {
                if (!this.checked)
                    isAllChecked = 1;
            });

            if (isAllChecked == 0) {
                $("#checkedAll").prop("checked", true);
            }     
        }
        else {
            $("#checkedAll").prop("checked", false);
        }
    });
});

এইচটিএমএল হওয়া উচিত:

চেক করা তিনটি চেকবাক্সের একক চেক বাক্সটি নির্বাচন করা হবে এবং তা নির্বাচন থেকে নির্বাচিত হবে।

<input type="checkbox" name="checkedAll" id="checkedAll" />

<input type="checkbox" name="checkAll" class="checkSingle" />
<input type="checkbox" name="checkAll" class="checkSingle" />
<input type="checkbox" name="checkAll" class="checkSingle" />

আশা করি এটি আমার জন্য যেমনটি করেছে তেমন কাউকে সহায়তা করবে।

জেএস ফিডাল https://jsfiddle.net/52uny55w/

Comments

আমি এই সমাধানটি পছন্দ করি যেহেতু আপনি যদি একটি বাক্সটি চেক করেন, "সমস্ত চেক করুন" বাক্সটিও চেক না করা হয়ে যায়। তেমনি, আপনি যদি ম্যানুয়ালি সমস্ত সম্পর্কিত বাক্সগুলি পরীক্ষা করেন তবে "সমস্ত পরীক্ষা করুন" বাক্সটিও চেক হয়ে যায়। এটি সেখানে দুর্দান্ত ইউআই প্রতিক্রিয়া!

— এইচপিডাব্লুডি

আপনি এতে $("#checkedAll").changeফাংশনটি সংক্ষিপ্ত করে তুলতে পারেন :var val = this.checked; $(".checkSingle").each( function() { this.checked=val; });

— জেলি অ্যান

এছাড়াও, আমি isAllCheckedভেরিয়েবলটির নামকরণ করা ভাল বলে মনে করি isThereUncheckedবা unCheckedতাই ভেরিয়েবলটির জন্য কী ব্যবহার করা হয়েছিল তা আরও বর্ণনামূলক হবে।

— জেলি অ্যান

আমি এই সমাধানটি নিয়েছি, এটিই আমি ধন্যবাদ খুঁজছি

— অজয় কুমার

Answer 4

আমি মনে করি যখন ব্যবহারকারী নিজে সমস্ত চেকবাক্স নির্বাচন করে তারপরে চেকলটি স্বয়ংক্রিয়ভাবে চেক করা উচিত বা ব্যবহারকারীরা তাদের নির্বাচিত সমস্ত চেকবক্স থেকে চেকল করে চেকলকে স্বয়ংক্রিয়ভাবে চেক করা উচিত। এখানে আমার কোড ..

$('#checkall').change(function () {
    $('.cb-element').prop('checked',this.checked);
});

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/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

Comments

ধন্যবাদ! আমি এটি পছন্দ করি কারণ সমস্ত চেকবাক্স চেক করার পরে, যখন আমরা তাদের মধ্যে একটিটি চেক করি, সমস্ত চেকবক্সটি চেক করা হবে না।

— রিজকি এন। আস্যুফি

Answer 5

আপনি কেন এটি চেষ্টা করবেন না (২ য় লাইনে যেখানে 'ফর্ম #' আপনার এইচটিএমএল ফর্মের সঠিক নির্বাচক স্থাপন করতে হবে):

$('.checkAll').click(function(){
    $('form#myForm input:checkbox').each(function(){
        $(this).prop('checked',true);
   })               
});

$('.uncheckAll').click(function(){
    $('form#myForm input:checkbox').each(function(){
        $(this).prop('checked',false);
   })               
});

আপনার এইচটিএমএল এর মতো হওয়া উচিত:

<form id="myForm">
      <span class="checkAll">checkAll</span>
      <span class="uncheckAll">uncheckAll</span>
      <input type="checkbox" class="checkSingle"></input>
      ....
</form>

আমি আশা করি এটি সাহায্য করবে.

Answer 6

এইচটিএমএল:

<p><input type="checkbox" id="parent" /> Check/Uncheck All</p>
<ul>
  <li>
    <input type="checkbox" class="child" /> Checkbox 1</li>
  <li>
    <input type="checkbox" class="child" /> Checkbox 2</li>
  <li>
    <input type="checkbox" class="child" /> Checkbox 3</li>
</ul>

JQuery:

$(document).ready(function() {
  $("#parent").click(function() {
    $(".child").prop("checked", this.checked);
  });

  $('.child').click(function() {
    if ($('.child:checked').length == $('.child').length) {
      $('#parent').prop('checked', true);
    } else {
      $('#parent').prop('checked', false);
    }
  });
});

ডেমো: স্বল্প

Answer 7

সহজ উপায় আমি জানি:

$('input[type="checkbox"]').prop("checked", true);

Answer 8

$('#checkAll').on('change', function(){
    if($(this).attr('checked')){
        $('input[type=checkbox]').attr('checked',true);
    }
    else{
        $('input[type=checkbox]').removeAttr('checked');
    }
});

Answer 9

তাদের সকলকে শাসন করার জন্য একটি চেকবক্স

যে লোকেরা এখনও হালকা ওজনের একটির মাধ্যমে চেকবক্সগুলিকে নিয়ন্ত্রণ করতে প্লাগইন খুঁজছেন তাদের জন্য ইউনিফর্মজেএস এবং আইচেকের জন্য অফ-অফ-বক্স সমর্থন রয়েছে এবং কমপক্ষে নিয়ন্ত্রিত চেকবক্সগুলিকে চেক করা না থাকলে (এবং সমস্ত নিয়ন্ত্রিত চেকবক্সগুলি চেক করা হলে চেক হয়ে যায় অবশ্যই) আমি একটি jQuery চেকআল প্লাগইন তৈরি করেছি ।

ডকুমেন্টেশন পৃষ্ঠায় উদাহরণগুলি নির্দ্বিধায় চেক করুন ।

---

এই প্রশ্নের উদাহরণের জন্য আপনাকে যা করতে হবে তা হ'ল:

$( "#checkAll" ).checkall({
    target: "input:checkbox"
});

এটা কি পরিষ্কার এবং সহজ নয়?

Answer 10

    <p id="checkAll">Check All</p>
<hr />
<input type="checkbox" class="checkItem">Item 1
<input type="checkbox" class="checkItem">Item 2
<input type="checkbox" class="checkItem">Item3

এবং jquery

$(document).on('click','#checkAll',function () {
     $('.checkItem').not(this).prop('checked', this.checked);
 });

Answer 11

আপনি যদি .prop()jQuery সিলেক্টরের ফলাফলগুলিতে সরাসরি চালাতে পারেন তবে এটি একের বেশি ফলাফলও দেয়। তাই:

$("input[type='checkbox']").prop('checked', true)

Answer 12

সাধারণত আপনিও চান যে কমপক্ষে ১ টি ক্রীতদ্বার চেকবক্সটি চেক করা না থাকলে মাস্টার চেকবক্সটি চেক করা উচিত এবং যদি সমস্ত দাস চেকবক্সগুলি চেক করা থাকে তবে সেককেড করা উচিত:

/**
 * Checks and unchecks checkbox-group with a master checkbox and slave checkboxes
 * @param masterId is the id of master checkbox
 * @param slaveName is the name of slave checkboxes
 */
function checkAll(masterId, slaveName) {
    $master = $('#' + masterId);
    $slave = $('input:checkbox[name=' + slaveName + ']');

    $master.click(function(){
        $slave.prop('checked', $(this).prop('checked'));
        $slave.trigger('change');
    });

    $slave.change(function() {
        if ($master.is(':checked') && $slave.not(':checked').length > 0) {
            $master.prop('checked', false);
        } else if ($master.not(':checked') && $slave.not(':checked').length == 0) {
        $master.prop('checked', 'checked');
    }
    });
}

---

এবং যদি আপনি কোনও নিয়ন্ত্রণ সক্ষম করতে চান (যেমন Remove Allবাটন বা একটি Add Somethingবোতাম), যখন কোনও চেকবক্স চেক না করা হয় তখন কমপক্ষে একটি চেকবাক্স চেক করা হয় এবং অক্ষম করা হয়:

/**
 * Checks and unchecks checkbox-group with a master checkbox and slave checkboxes,
 * enables or disables a control when a checkbox is checked
 * @param masterId is the id of master checkbox
 * @param slaveName is the name of slave checkboxes
 */
function checkAllAndSwitchControl(masterId, slaveName, controlId) {
    $master = $('#' + masterId);
    $slave = $('input:checkbox[name=' + slaveName + ']');

    $master.click(function(){
        $slave.prop('checked', $(this).prop('checked'));
        $slave.trigger('change');
    });

    $slave.change(function() {
        switchControl(controlId, $slave.filter(':checked').length > 0);
        if ($master.is(':checked') && $slave.not(':checked').length > 0) {
            $master.prop('checked', false);
        } else if ($master.not(':checked') && $slave.not(':checked').length == 0) {
        $master.prop('checked', 'checked');
    }
    });
}

/**
 * Enables or disables a control
 * @param controlId is the control-id
 * @param enable is true, if control must be enabled, or false if not
 */
function switchControl(controlId, enable) {
    var $control = $('#' + controlId);
    if (enable) {
        $control.removeProp('disabled');
    } else {
        $control.prop('disabled', 'disabled');
    }
}

Answer 13

এইচটিএমএল

<HTML>
<HEAD>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <TITLE>Multiple Checkbox Select/Deselect - DEMO</TITLE>
</HEAD>
<BODY>
    <H2>Multiple Checkbox Select/Deselect - DEMO</H2>
<table border="1">
<tr>
    <th><input type="checkbox" id="selectall"/></th>
    <th>Cell phone</th>
    <th>Rating</th>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="1"/></td>
    <td>BlackBerry Bold 9650</td>
    <td>2/5</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="2"/></td>
    <td>Samsung Galaxy</td>
    <td>3.5/5</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="3"/></td>
    <td>Droid X</td>
    <td>4.5/5</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td>
    <td>HTC Desire</td>
    <td>3/5</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="5"/></td>
    <td>Apple iPhone 4</td>
    <td>5/5</td>
</tr>
</table>

</BODY>
</HTML>

jQuery কোড

<SCRIPT language="javascript">
$(function(){

    // add multiple select / deselect functionality
    $("#selectall").click(function () {
          $('.case').attr('checked', this.checked);
    });

    // if all checkbox are selected, check the selectall checkbox
    // and viceversa
    $(".case").click(function(){

        if($(".case").length == $(".case:checked").length) {
            $("#selectall").attr("checked", "checked");
        } else {
            $("#selectall").removeAttr("checked");
        }

    });
});
</SCRIPT>

ডেমো দেখুন

ডেমো দেখতে এখানে ক্লিক করুন

Answer 14

কোনও সম্পত্তিটির মান পেতে .prop () ব্যবহার করুন

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

Answer 15

আমি জানি যে এখানে প্রচুর উত্তর পোস্ট করা হয়েছে তবে আমি কোডের অপ্টিমাইজেশনের জন্য এটি পোস্ট করতে চাই এবং আমরা এটি বিশ্বব্যাপী ব্যবহার করতে পারি।

আমি সর্বোত্তম চেষ্টা করেছি

/*----------------------------------------
 *  Check and uncheck checkbox which will global
 *  Params : chk_all_id=id of main checkbox which use for check all dependant, chk_child_pattern=start pattern of the remain checkboxes 
 *  Developer Guidline : For to implement this function Developer need to just add this line inside checkbox {{ class="check_all" dependant-prefix-id="PATTERN_WHATEVER_U_WANT" }}
 ----------------------------------------*/
function checkUncheckAll(chk_all_cls,chiled_patter_key){
    if($("."+chk_all_cls).prop('checked') == true){
        $('input:checkbox[id^="'+chiled_patter_key+'"]').prop('checked', 'checked');
    }else{
        $('input:checkbox[id^="'+chiled_patter_key+'"]').removeProp('checked', 'checked');
    }        
}

if($(".check_all").get(0)){
    var chiled_patter_key = $(".check_all").attr('dependant-prefix-id');

    $(".check_all").on('change',function(){        
        checkUncheckAll('check_all',chiled_patter_key);
    });

    /*------------------------------------------------------
     * this will remain checkbox checked if already checked before ajax call! :)
     ------------------------------------------------------*/
    $(document).ajaxComplete(function() {
        checkUncheckAll('check_all',chiled_patter_key);
    });
}

আমি আশা করি এটি সাহায্য করবে!

Answer 16

function checkAll(class_name) {
    $("." + class_name).each(function () { 
        if (this.checked == true) 
            this.checked = false; 
        else 
            this.checked = true; 
    }); 
}

Answer 17

চেকল হ'ল অল চেক বাক্সের আইডি এবং সিবি-চাইল্ড প্রতিটি চেকবক্সের নাম যা চেক করা হবে এবং চেকল ক্লিক ইভেন্টের উপর নির্ভরশীল

$("#checkall").click(function () {
                        if(this.checked){
                            $("input[name='cb-child']").each(function (i, el) {
                                el.setAttribute("checked", "checked");
                                el.checked = true;
                                el.parentElement.className = "checked";

                            });
                        }else{
                            $("input[name='cb-child']").each(function (i, el) {
                                el.removeAttribute("checked");
                                el.parentElement.className = "";
                            });
                        }
                    });

Answer 18

* সমস্ত চেক বাক্স নির্বাচন করতে জাভা স্ক্রিপ্ট *

সেরা সমাধান .. চেষ্টা করুন

<script type="text/javascript">
        function SelectAll(Id) {
            //get reference of GridView control
            var Grid = document.getElementById("<%= GridView1.ClientID %>");
            //variable to contain the cell of the Grid
            var cell;

            if (Grid.rows.length > 0) {
                //loop starts from 1. rows[0] points to the header.
                for (i = 1; i < grid.rows.length; i++) {
                    //get the reference of first column
                    cell = grid.rows[i].cells[0];

                    //loop according to the number of childNodes in the cell
                    for (j = 0; j < cell.childNodes.length; j++) {
                        //if childNode type is CheckBox                 
                        if (cell.childNodes[j].type == "checkbox") {
                            //Assign the Status of the Select All checkbox to the cell checkbox within the Grid
                            cell.childNodes[j].checked = document.getElementById(Id).checked;
                        }
                    }
                }
            }
        }
    </script>

Answer 19

আপনি সাধারণ কোডের নীচে ব্যবহার করতে পারেন:

function checkDelBoxes(pForm, boxName, parent)
{
    for (i = 0; i < pForm.elements.length; i++)
        if (pForm.elements[i].name == boxName)
            pForm.elements[i].checked = parent;
}

ব্যবহারের জন্য উদাহরণ:

<a href="javascript:;" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), 'CheckBox[]', true);return false;"> Select All
</a>
<a href="javascript:;" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), 'CheckBox[]', false);return false;"> Unselect All
</a>

Answer 20

if(isAllChecked == 0)
{ 
    $("#select_all").prop("checked", true); 
}   

উপরের লাইনটি পরিবর্তন করুন

if(isAllChecked == 0)
{ 
    $("#checkedAll").prop("checked", true); 
}   

এসএসআর এর উত্তর এবং এটি কার্যকর নিখুঁত ধন্যবাদ আপনাকে

Answer 21

if($('#chk_all').is(":checked"))
 {
    $('#'+id).attr('checked', true);
 }
else
 {
    $('#'+id).attr('checked', false);
 }  

Comments

যদি আপনি উত্তরটি ব্যাখ্যা করেন তবে সুবিধাজনক হবে।

— এনকোর

যদি আপনি চেক বাক্সটি চেক করেন তবে সমস্ত চেক বাক্সটি আইডি হিসাবে চেক করা হবে এবং তারপরে আপনি চেক বাক্সটি চেক করে

— ফেলুন এবং

Answer 22

 $('#checkall').on("click",function(){
      $('.chk').trigger("click");
   });

Answer 23

এইচটিএমএল:

    <div class="col-md-3 general-sidebar" id="CategoryGrid">
                                                    <h5>Category &amp; Sub Category <span style="color: red;">* </span></h5>
                                                    <div class="checkbox">
                                                        <label>
                                                            <input onclick="checkUncheckAll(this)" type="checkbox">
                                                            All
                                                        </label>
                                                    </div>
                                                <div class="checkbox"><label><input class="cat" type="checkbox" value="Quality">Quality</label></div>
<div class="checkbox"><label><input class="subcat" type="checkbox" value="Planning process and execution">Planning process and execution</label></div>

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

function checkUncheckAll(ele) {
    if (ele.checked) {
        $('.cat').prop('checked', ele.checked);
        $('.subcat').prop('checked', ele.checked);
    }
    else {
        $('.cat').prop('checked', ele.checked);
        $('.subcat').prop('checked', ele.checked);
    }
}

Answer 24

            <pre>
            <SCRIPT language="javascript">
            $(function(){
                // add multiple select / deselect functionality
                $("#selectall").click(function () {
                      $('.case').attr('checked', this.checked);
                });

                // if all checkbox are selected, check the selectall checkbox
                // and viceversa
                $(".case").click(function(){

                    if($(".case").length == $(".case:checked").length) {
                        $("#selectall").attr("checked", "checked");
                    } else {
                        $("#selectall").removeAttr("checked");
                    }

                });
            });
            </SCRIPT>
            <HTML>
            <HEAD>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
            <TITLE>Multiple Checkbox Select/Deselect - DEMO</TITLE>
            </HEAD>
            <BODY>
            <H2>Multiple Checkbox Select/Deselect - DEMO</H2>
            <table border="1">
              <tr>
                <th><input type="checkbox" id="selectall"/></th>
                <th>Cell phone</th>
                <th>Rating</th>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="1"/></td>
                <td>BlackBerry Bold 9650</td>
                <td>2/5</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="2"/></td>
                <td>Samsung Galaxy</td>
                <td>3.5/5</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="3"/></td>
                <td>Droid X</td>
                <td>4.5/5</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td>
                <td>HTC Desire</td>
                <td>3/5</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="5"/></td>
                <td>Apple iPhone 4</td>
                <td>5/5</td>
              </tr>
            </table>
            </BODY>
            </HTML>
            </pre>

Comments

কোড স্ক্রিপ্ট ত্রুটি। স্ক্রিপ্টটি প্রথমে লোড করা দরকার।

— সতীশ শেঠি

Answer 25

function chek_al_indi(id)
{
    var k = id;
    var cnt_descriptiv_indictr = eval($('#cnt_descriptiv_indictr').val());
    var std_cnt = 10;

    if ($('#'+ k).is(":checked"))
    {
        for (var i = 1; i <= std_cnt; i++)  
        {
            $("#chk"+ k).attr('checked',true);  
            k = k + cnt_descriptiv_indictr;
        }
    }

    if ($('#'+ k).is(":not(:checked)"))
    {
        for (var i = 1; i <= std_cnt; i++)  
        {
            $("#chk"+ k).attr('checked',false);     
            k = k + cnt_descriptiv_indictr;
        }       
    }
}

Comments

দীর্ঘ অনুষ্ঠান কেন?

— জিমি ওবনিও Abor

Answer 26

ট্রিগার ক্লিক

$("#checkAll").click(function(){
    $('input:checkbox').click();
});

অথবা

$("#checkAll").click(function(){
    $('input:checkbox').trigger('click');
});

অথবা

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