javascript - jQuery চেকবক্স পরিবর্তন এবং ইভেন্ট ক্লিক করুন




event-handling (11)

Demo

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

$('#checkbox1').mousedown(function() {
    if (!$(this).is(':checked')) {
        this.checked = confirm("Are you sure?");
        $(this).trigger("change");
    }
});

আমার আছে

<input type="checkbox" id="checkbox1" /> <br />
<input type="text" id="textbox1" />

এবং

$(document).ready(function() {
    //set initial state.
    $('#textbox1').val($(this).is(':checked'));

    $('#checkbox1').change(function() {
        $('#textbox1').val($(this).is(':checked'));
    });

    $('#checkbox1').click(function() {
        if (!$(this).is(':checked')) {
            return confirm("Are you sure?");
        }
    });
});

JSFIDDLE লিঙ্ক

এখানে পরিবর্তিত ইভেন্টটি চেকবক্স স্থিতির সাথে পাঠ্যবক্স মান আপডেট করে। আমি আনচেক নেভিগেশন কর্ম নিশ্চিত করতে ক্লিক ইভেন্ট ব্যবহার করুন। ব্যবহারকারী যদি বাতিল করে নির্বাচন করে তবে চেক চিহ্নটি পুনঃস্থাপন করা হয় তবে পরিবর্তনটি অসঙ্গতিপূর্ণ অবস্থায় জিনিসগুলিকে রেখে যাওয়ার নিশ্চিতকরণের আগেও অগ্নিসংযোগ করে (পাঠ্যবক্সটি চেকবাক্সটি চেক করে মিথ্যা বলে)। আমি বাতিলকরণের সাথে কীভাবে মোকাবিলা করতে পারি এবং চেকবক্স মানটি চেক স্টেটের সাথে সামঞ্জস্যপূর্ণ রাখতে পারি?


আচ্ছা .. শুধু মাথাব্যাথা সংরক্ষণের জন্য (এখানে তার মধ্যরাত্রি এখানে), আমি এর সাথে আসতে পারি:

$('#checkbox1').click(function() {
  if (!$(this).is(':checked')) {
    var ans = confirm("Are you sure?");
     $('#textbox1').val(ans);
  }
});

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


আমি সবাই কেন এত জটিল তৈরীর নিশ্চিত নই। এই আমি কি সব।

if(!$(this).is(":checked")){ console.log("on"); }

এখানে আপনি

এইচটিএমএল

<input id="ProductId_a183060c-1030-4037-ae57-0015be92da0e" type="checkbox" value="true">

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

<script>
    $(document).ready(function () {

      $('input[id^="ProductId_"]').click(function () {

        if ($(this).prop('checked')) {
           // do what you need here     
           alert("Checked");
        }
        else {
           // do what you need here         
           alert("Unchecked");
        }
      });

  });
</script>

ওয়েল আমি আমার উত্তর মেলে যাতে একটি উত্তর দেখতে না তাই আমি এই পোস্ট করব। JSFiddle পরীক্ষিত এবং আপনি যা চাইছেন তা করে। একটি চেকবাক্সের সাথে যুক্ত একটি লেবেল ক্লিক করলে এই পদ্ধতিতে ফায়ারিংয়ের অতিরিক্ত সুবিধা রয়েছে।

মূল উত্তর:

$(document).ready(function() {
    //set initial state.
    $('#textbox1').val($(this).is(':checked'));

    $('#checkbox1').change(function() {
        if($(this).is(":checked")) {
            var returnVal = confirm("Are you sure?");
            $(this).attr("checked", returnVal);
        }
        $('#textbox1').val($(this).is(':checked'));        
    });
});

আপডেট করা উত্তর:

$(document).ready(function() {
    //set initial state.
    $('#textbox1').val(this.checked);

    $('#checkbox1').change(function() {
        if(this.checked) {
            var returnVal = confirm("Are you sure?");
            $(this).prop("checked", returnVal);
        }
        $('#textbox1').val(this.checked);        
    });
});

কেবল শুধু ক্লিক করুন ইভেন্ট চেক করুন আমার চেক বক্স আইডি চেকআল

     $('#CheckAll').click(function () {

        if ($('#CheckAll').is(':checked') == true) {

             alert(";)");
      }
    }

পরিবর্তন ইভেন্ট পরিত্রাণ পান, এবং পরিবর্তে ক্লিক ইভেন্টে টেক্সট বক্স মান পরিবর্তন। বরং নিশ্চিত ফলাফল ফিরে, একটি var মধ্যে এটি ধরা। যদি এটি সত্য, মান পরিবর্তন। তারপর var ফিরে।


যদি আপনি <label for="cbId">cb name</label> ব্যবহার করেন তবে বেশিরভাগ উত্তর এটি (সম্ভবতঃ) ধরবে না। এর অর্থ হল আপনি লেবেলটি ক্লিক করলে এটি চেকবক্সে সরাসরি ক্লিক করার পরিবর্তে বাক্সটি চেক করবে। (ঠিক প্রশ্ন নয়, তবে বিভিন্ন অনুসন্ধানের ফলাফল এখানে আসে)

<div id="OuterDivOrBody">
    <input type="checkbox" id="checkbox1" />
    <label for="checkbox1">Checkbox label</label>
    <br />
    <br />
    The confirm result:
    <input type="text" id="textbox1" />
</div>

কোন ক্ষেত্রে আপনি ব্যবহার করতে পারেন:

Earlier versions of jQuery:

$('#OuterDivOrBody').delegate('#checkbox1', 'change', function () {
    // From the other examples
    if (!this.checked) {
        var sure = confirm("Are you sure?");
        this.checked = !sure;
        $('#textbox1').val(sure.toString());
    }
});

JQuery এর সাথে JSFiddle উদাহরণ 1.6.4

jQuery 1.7+

$('#checkbox1').on('change', function() { 
    // From the other examples
    if (!this.checked) {
        var sure = confirm("Are you sure?");
        this.checked = !sure;
        $('#textbox1').val(sure.toString());
    }
});

সর্বশেষ jQuery 2.x সঙ্গে JSFiddle উদাহরণ

  • ক্লিকযোগ্য চেকবক্স লেবেল সহ jsfiddle উদাহরণ এবং এইচটিএমএল যোগ করা হয়েছে

নাম দ্বারা রেডিও মান পেতে

 $('input').on('className', function(event){
        console.log($(this).attr('name'));
        if($(this).attr('name') == "worker")
            {
                resetAll();                 
            }
    });

// this works on all browsers.

$(document).ready(function() {
    //set initial state.
    $('#textbox1').val($(this).is(':checked'));

    $('#checkbox1').change(function(e) {
        this.checked =  $(this).is(":checked") && !!confirm("Are you sure?");
        $('#textbox1').val(this.checked);
        return true;
    });
});

$('#checkbox1').click(function() {
    if($(this).is(":checked")) {
        var returnVal = confirm("Are you sure?");
        $(this).attr("checked", returnVal);
    }
    $('#textbox1').val($(this).is(':checked')); 
});


<div id="check">
    <input type="checkbox" id="checkbox1" />
    <input type="text" id="textbox1" />
</div>






event-handling