javascript - JQuery দিয়ে একটি চেকবাক্স জন্য "চেক করা" সেটিং?




checkbox selected (20)

jQuery 1.6+

নতুন .prop() পদ্ধতি ব্যবহার করুন:

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

jQuery 1.5.x এবং নিচে

.prop() পদ্ধতিটি উপলব্ধ নয়, তাই আপনাকে .attr() ব্যবহার করতে হবে।

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

উল্লেখ্য, এই সংস্করণটি 1.6 সংস্করণের পূর্বে jQuery এর ইউনিট পরীক্ষাগুলির দ্বারা ব্যবহৃত এবং এটি ব্যবহারের পক্ষে আরও ভাল

$('.myCheckbox').removeAttr('checked');

যেহেতু পরেরটি, বক্সটি প্রাথমিকভাবে চেক করা হলে, .reset() থাকা কোনও ফর্মের উপর .reset().reset() আচরণ পরিবর্তন করুন - একটি সূক্ষ্ম কিন্তু সম্ভবত অবাঞ্ছিত আচরণ পরিবর্তন।

অধিকতর প্রসঙ্গে, 1.5.x থেকে 1.6 পর্যন্ত ট্রানজিটে checked বৈশিষ্ট্য / সম্পত্তির পরিচালনার পরিবর্তনের কিছু অসম্পূর্ণ আলোচনা সংস্করণ 1.6 রিলিজ নোট এবং .prop() বৈশিষ্ট্যের বনাম বৈশিষ্ট্য বিভাগে পাওয়া যেতে পারে। ডকুমেন্টেশন

JQuery এর কোন সংস্করণ

আপনি যদি কেবলমাত্র একটি উপাদান দিয়ে কাজ করেন তবে আপনি সর্বদা HTMLInputElement সংশোধন করতে পারেন। .checked সম্পত্তি:

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

এর পরিবর্তে .prop() এবং .attr() পদ্ধতিগুলি ব্যবহার করার সুবিধা হল যে তারা সমস্ত .attr() উপাদানগুলিতে কাজ করবে।

আমি jQuery ব্যবহার করে checkbox টিক চিহ্ন দিতে চাই এমন কিছু করতে চাই:

$(".myCheckBox").checked(true);

অথবা

$(".myCheckBox").selected(true);

যেমন একটি জিনিস বিদ্যমান?


@ লাইভফ্রী 75 বলেছেন:

jQuery 1.5.x এবং নিচে

আপনি নতুন পদ্ধতির সাথে $ .fn অবজেক্টও প্রসারিত করতে পারেন:

(function($)  {
   $.fn.extend({
      check : function()  {
         return this.filter(":radio, :checkbox").attr("checked", true);
      },
      uncheck : function()  {
         return this.filter(":radio, :checkbox").removeAttr("checked");
      }
   });
}(jQuery));

কিন্তু jQuery এর নতুন সংস্করণগুলিতে, আমাদের এমন কিছু ব্যবহার করতে হবে:

jQuery 1.6+

    (function($)  {
       $.fn.extend({
          check : function()  {
             return this.filter(":radio, :checkbox").prop("checked", true);
          },
          uncheck : function()  {
             return this.filter(":radio, :checkbox").prop("checked",false);
          }
       });
    }(jQuery));

তারপর আপনি শুধু করতে পারেন:

    $(":checkbox").check();
    $(":checkbox").uncheck();

JQuery এ,

if($("#checkboxId").is(':checked')){
    alert("Checked");
}

অথবা

if($("#checkboxId").attr('checked')==true){
    alert("Checked");
}

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

if (document.getElementById("checkboxID").checked){
    alert("Checked");
}

আপনি করতে পারেন

$('.myCheckbox').attr('checked',true) //Standards compliant

অথবা

$("form #mycheckbox").attr('checked', true)

আপনি যদি আগুন লাগাতে চান এমন চেকবক্সের জন্য অনকল ইভেন্টটিতে কাস্টম কোড থাকে তবে তার পরিবর্তে এটি ব্যবহার করুন:

$("#mycheckbox").click();

আপনি সম্পূর্ণরূপে বৈশিষ্ট্য মুছে ফেলার মাধ্যমে অনির্বাচন করতে পারেন:

$('.myCheckbox').removeAttr('checked')

আপনি এই মত সব চেকবক্স চেক করতে পারেন:

$(".myCheckbox").each(function(){
    $("#mycheckbox").click()
});

আপনি যখন একটি চেকবক্স চেক করা হয়;

$('.className').attr('checked', 'checked')

এটা যথেষ্ট নাও হতে পারে। আপনি নীচের ফাংশন কল করা উচিত;

$('.className').prop('checked', 'true')

আপনি চেকবক্স চেক বৈশিষ্ট্য মুছে ফেলা বিশেষ করে যখন।


আপনি যদি PhoneGap অ্যাপ্লিকেশন ডেভেলপমেন্ট ব্যবহার করে থাকেন এবং আপনি যে বোতামটিতে অবিলম্বে দেখাতে চান তার একটি মান আছে তবে মনে রাখবেন

$('span.ui-[controlname]',$('[id]')).text("the value");

আমি যে স্প্যান ছাড়া, আপনি কি করবেন তা ইন্টারফেস আপডেট করবে না।


আমি এটা ব্যবহার করে কাজ করতে পারিনি:

$("#cb").prop('checked', 'true');
$("#cb").prop('checked', 'false');

উভয় সত্য এবং মিথ্যা চেকবক্স চেক করবে। আমার জন্য কি কাজ ছিল:

$("#cb").prop('checked', 'true'); // For checking
$("#cb").prop('checked', '');     // For unchecking

আমি সমাধান অনুপস্থিত করছি। আমি সবসময় ব্যবহার করব

if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}

একটি চেকবক্স চেক করার জন্য আপনি ব্যবহার করা উচিত

 $('.myCheckbox').attr('checked',true);

অথবা

 $('.myCheckbox').attr('checked','checked');

এবং একটি চেক বাক্সটি অচিহ্নিত করতে আপনাকে সর্বদা এটি মিথ্যাতে সেট করা উচিত:

 $('.myCheckbox').attr('checked',false);

যদি তুমি করো

  $('.myCheckbox').removeAttr('checked')

এটি সমস্ত একত্রিত গুণাবলী মুছে ফেলে এবং অতএব আপনি ফর্মটি পুনরায় সেট করতে পারবেন না।

বিএড ডেমো jQuery 1.6 । আমি এই ভাঙ্গা মনে হয়। 1.6 এর জন্য আমি একটি নতুন পোস্ট করতে যাচ্ছি।

নতুন ওয়ার্কিং ডেমো jQuery 1.5.2 ক্রোমে কাজ করে।

উভয় ডেমো ব্যবহার

$('#tc').click(function() {
    if ( $('#myCheckbox').attr('checked')) {
        $('#myCheckbox').attr('checked', false);
    } else {
        $('#myCheckbox').attr('checked', 'checked');
    }
});

একাধিক চেক বক্স চেক করার জন্য এখানে কোড এবং ডেমো রয়েছে ...

http://jsfiddle.net/tamilmani/z8TTt/

$("#check").on("click", function () {

    var chk = document.getElementById('check').checked;
    var arr = document.getElementsByTagName("input");

    if (chk) {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = true;
        }
    } else {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = false;
        }
    }
});

এখানে একটি বোতাম দিয়ে চেক করা এবং অচিহ্নিত করার জন্য কোড রয়েছে:

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; }
        });
        set=unset;
    });
});

আপডেট: নতুন Jquery 1.6+ প্রোপ পদ্ধতি ব্যবহার করে একই কোড ব্লক রয়েছে, যা attr প্রতিস্থাপন করে:

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; }
        });
        set=unset;
    });
});

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

$('#checkboxid').get(0).checked = true;  //For checking

$('#checkboxid').get(0).checked = false; //For unchecking

এটি এমন উপাদানগুলি নির্বাচন করে যা প্রদত্ত উপাদানের "ckbItem" সহ প্রদত্ত মান সহ নির্দিষ্ট বৈশিষ্ট্য রয়েছে:

$('input[name *= ckbItem]').prop('checked', true);

এটি ckbItem এর নামের বৈশিষ্ট্যতে থাকা সমস্ত উপাদান নির্বাচন করবে।


এটি সম্ভবত সর্বনিম্ন এবং সহজ সমাধান:

$(".myCheckBox")[0].checked = true;

অথবা

$(".myCheckBox")[0].checked = false;

এমনকি ছোট হবে:

$(".myCheckBox")[0].checked = !0;
$(".myCheckBox")[0].checked = !1;

এখানে একটি jsFiddle পাশাপাশি।


ব্যবহার করুন:

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

এবং যদি আপনি চেকবক্সটি চেক করা বা না চেক করতে চান তবে:

$('.myCheckbox').is(':checked');

মনে হচ্ছে প্রশ্ন হচ্ছে ...

কিভাবে আমি VALUE দ্বারা একটি চেকবক্স সেট সেট করব ?

মনে রাখবেন যে একটি সাধারণ চেকবাক্স সেটে, সমস্ত ইনপুট ট্যাগগুলির একই নাম থাকে, তারা গুণমান value দ্বারা পৃথক থাকে : সেটের প্রতিটি ইনপুটের জন্য কোন আইডি নেই।

কোডের নিম্নোক্ত লাইনটি ব্যবহার করে জিয়াউনের উত্তরটি আরো নির্দিষ্ট নির্বাচক দ্বারা প্রসারিত করা যেতে পারে:

$("input.myclass[name='myname'][value='the_value']").prop("checked", true);

সমতল জাভাস্ক্রিপ্ট খুব সহজ এবং অনেক কম ওভারহেড হয়:

var elements = document.getElementsByClassName('myCheckBox');
for(var i = 0; i < elements.length; i++)
{
    elements[i].checked = true;
}

এখানে উদাহরণ


Internet Explorer 9 আগে ইন্টারনেট এক্সপ্লোরারের মেমরি লিকগুলির বিষয়ে সচেতন থাকুন, যেমন api.jquery.com/prop :

সংস্করণ 9 থেকে পূর্বে ইন্টারনেট এক্সপ্লোরারে, কোনও প্রাইমেট মান (সংখ্যা, স্ট্রিং, বা বুলিয়ান) ছাড়া অন্য কিছুতে একটি DOM উপাদান সম্পত্তি সেট করতে .prop () ব্যবহার করে সম্পত্তিটি সরানো না থাকলে মেমরি লিকগুলি হতে পারে (.removeProp ব্যবহার করে) )) DOM উপাদান নথির থেকে মুছে ফেলা হয় আগে। মেমরি লিক ছাড়াই নিরাপদভাবে DOM বস্তুর মানগুলি সেট করতে, .data () ব্যবহার করুন।


এখানে jQuery ব্যবহার করে সম্পূর্ণ উত্তর

আমি এটি পরীক্ষা করে এবং এটি 100% কাজ করে: ডি

    // when the button (select_unit_button) is clicked it returns all the checed checkboxes values 
    $("#select_unit_button").on("click", function(e){

             var arr = [];

             $(':checkbox:checked').each(function(i){
                 arr[i] = $(this).val(); // u can get id or anything else
             });

              //console.log(arr); // u can test it using this in google chrome
    });

$("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();

শেষ বার চেকবাক্সের জন্য ক্লিক ইভেন্টটি আগুনে পুড়ে যাবে, অন্যরা করবে না। তাই আপনি যদি আগুন লাগাতে চান এমন চেকবক্সের জন্য অনুলিপি ইভেন্টে কাস্টম কোড থাকে তবে শেষটি ব্যবহার করুন।







checked