jQuery, চেকবক্স এবং .is (": পরীক্ষিত")

Question 1

যখন আমি কোনও ফাংশনটিকে একটি চেকবক্সের উপাদানটিতে আবদ্ধ করি যেমন:

$("#myCheckbox").click( function() {
    alert($(this).is(":checked"));
});

ইভেন্টটি ট্রিগার হওয়ার আগে চেকবক্সটি তার চেক করা বৈশিষ্ট্যটি পরিবর্তন করে , এটি স্বাভাবিক আচরণ এবং একটি বিপরীত ফলাফল দেয়।

তবে, আমি যখন করি:

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

ইভেন্টটি ট্রিগার হওয়ার পরে চেকবক্সটি এটির পরীক্ষিত বৈশিষ্ট্যটি পরিবর্তন করে ।

আমার প্রশ্নটি হল, জিকুয়ারি থেকে ক্লিক ইভেন্টকে ট্রিগার করার কোনও উপায় কি সাধারণ ক্লিকের মতো (প্রথম দৃশ্যে) করতে পারে?

PS: আমি ইতিমধ্যে চেষ্টা করেছি trigger('click');

Question 2

$('#myCheckbox').change(function () {
    if ($(this).prop("checked")) {
        // checked
        return;
    }
    // not checked
});

দ্রষ্টব্য: jquery এর পুরানো সংস্করণগুলিতে এটি ব্যবহার করা ঠিক ছিল attr। এখন এটিprop রাষ্ট্র পড়তে ব্যবহার করার পরামর্শ দেওয়া হচ্ছে ।

Question 3

এখানে একটি কাজের আশপাশ রয়েছে যা jQuery 1.3.2 এবং 1.4.2 এ কাজ করে :

$("#myCheckbox").change( function() {
    alert($(this).is(":checked"));
});

//Trigger by:
$("#myCheckbox").trigger('click').trigger('change');

তবে আমি একমত, এই আচরণটি দেশীয় ঘটনার সাথে তুলনামূলকভাবে কৃপণ বলে মনে হচ্ছে।

Question 4

জুন ২০১ 2016 পর্যন্ত (jquery 2.1.4 ব্যবহার করে) অন্য কোনও প্রস্তাবিত সমাধান কাজ করে না। চেক করা attr('checked')সর্বদা ফিরে আসে undefinedএবং is('checked)সর্বদা ফিরে আসে false।

প্রপ পদ্ধতিটি কেবল ব্যবহার করুন:

$("#checkbox").change(function(e) {

  if ($(this).prop('checked')){
    console.log('checked');
  }
});

Question 5

আমি এখনও jQuery 1.7.2 এর সাথে এই আচরণটি অনুভব করছি। একটি সহজ কর্মসীমা হ'ল সেটটাইমআউট সহ ক্লিক হ্যান্ডলারের সম্পাদন স্থগিত করা এবং এর মধ্যে ব্রাউজারটিকে তার যাদু করতে দেওয়া:

$("#myCheckbox").click( function() {
    var that = this;
    setTimeout(function(){
        alert($(that).is(":checked"));
    });
});

Question 6

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

"আমি আমার চেকবক্স" আইডি দিয়ে চেকবক্সে ক্লিক ইভেন্টটি কীভাবে ট্রিগার করব তা এখানে রয়েছে। মনে রাখবেন যে আমি একটি একক সদস্য, ননইউআইয়ের সাথে একটি অবজেক্ট প্যারামিটারও দিয়ে যাচ্ছি, যা সত্য হিসাবে সেট করা রয়েছে:

$("#myCheckbox").trigger('click', {nonUI : true})

এবং এখানে আমি কীভাবে চেকবক্সের ক্লিক ইভেন্ট হ্যান্ডলারটি পরিচালনা করব। হ্যান্ডলার ফাংশনটি ননইউআই আইটেমের দ্বিতীয় প্যারামিটার হিসাবে উপস্থিতি পরীক্ষা করে। (প্রথম প্যারামিটারটি সর্বদা ইভেন্ট নিজেই হয়)) প্যারামিটারটি উপস্থিত থাকে এবং সত্যতে সেট করা থাকলে আমি প্রতিবেদনিত। চেক করা স্থিতিটি উল্টে দিই। যদি এই জাতীয় কোনও প্যারামিটারটি পাস না করা হয় - যা ব্যবহারকারী কেবলমাত্র ইউআই-তে চেকবক্সে ক্লিক করে থাকে না - তবে আমি আসল। চেক করা স্থিতিটি রিপোর্ট করছি:

$("#myCheckbox").click(function(e, parameters) {
   var nonUI = false;
        try {
            nonUI = parameters.nonUI;
        } catch (e) {}
        var checked = nonUI ? !this.checked : this.checked;
        alert('Checked = ' + checked);
    });

জেএসফিডেল সংস্করণটি http://jsfiddle.net/BrownieBoy/h5mDZ/ এ

আমি ক্রোম, ফায়ারফক্স এবং আই 8 দিয়ে পরীক্ষা করেছি।

Question 7

<input id="widget-wpb_widget-3-custom_date" class="mycheck" type="checkbox" value="d/M/y" name="widget-wpb_widget[3][custom_date]" unchecked="true">    

var atrib = $('.mycheck').attr("unchecked",true);
$('.mycheck').click(function(){
if ($(this).is(":checked")) 
{
$('.mycheck').attr("unchecked",false);
   alert("checkbox checked");
}
else
{
$('.mycheck').attr("unchecked",true);
 alert("checkbox unchecked");
}
});

Question 8

  $("#checkbox").change(function(e) {

  if ($(this).prop('checked')){
    console.log('checked');
  }
});

Question 9

$("#personal").click(function() {
      if ($(this).is(":checked")) {
            alert('Personal');
        /* var validator = $("#register_france").validate(); 
        validator.resetForm(); */
      }
            }
            );

JSFIDDLE

Question 10

ঠিক আছে, প্রথম দৃশ্যের সাথে মিল রাখতে, এটি এমন কিছু যা আমি সামনে এলাম।

http://jsbin.com/uwupa/edit

মূলত, "ক্লিক" ইভেন্টটিকে আবদ্ধ করার পরিবর্তে আপনি "পরিবর্তন" ইভেন্টটি সতর্কতার সাথে আবদ্ধ করেন।

তারপরে, আপনি যখন ইভেন্টটি ট্রিগার করবেন, প্রথমে আপনি ক্লিক ট্রিগার করুন, তারপরে পরিবর্তনটি ট্রিগার করুন।

Question 11

নিক ক্র্যাভারের উত্তর ছাড়াও, এটি সঠিকভাবে কাজ করার জন্য IE 8আপনাকে চেকবক্সে একটি অতিরিক্ত ক্লিক হ্যান্ডলার যুক্ত করতে হবে:

// needed for IE 8 compatibility
if ($.browser.msie)
    $("#myCheckbox").click(function() { $(this).trigger('change'); });

$("#myCheckbox").change( function() {
    alert($(this).is(":checked"));
});

//Trigger by:
$("#myCheckbox").trigger('click').trigger('change');

অন্যথায় কলব্যাক কেবল তখনই ট্রিগার করা হবে যখন চেকবক্সটি ফোকাস হারিয়ে ফেলবে as IE 8 ক্লিক করার সময় চেকবক্স এবং রেডিওগুলিতে ফোকাস রাখে।

_{IE 9যদিও পরীক্ষা করা হয়নি।}

Question 12

$( "#checkbox" ).change(function() {
    if($(this).is(":checked")){
        alert('hi');
    }

});

Question 13

সর্বাধিক দ্রুত এবং সহজ উপায় :

$('#myCheckbox').change(function(){
    alert(this.checked);
});

$el[0].checked;

- এল - নির্বাচনের jquery উপাদান।

উপভোগ করুন!

Question 14

if ($.browser.msie) {
    $("#myCheckbox").click(function() { $(this).trigger('change'); });
}

$("#myCheckbox").change(function() {
        alert($(this).is(":checked"));
    });