jQuery: চেকবক্সটি চেক না করা থাকলে পরীক্ষা করুন


110

আমি এটি বুঝতে সমস্যা হচ্ছে। আমার দুটি চেকবক্স রয়েছে (ভবিষ্যতে আরও থাকবে):

  • checkSurfaceEnvironment-1
  • checkSurfaceEnvironment-2

মূলত, আমি একটি বিবৃতি লিখতে চাই এবং সেগুলির মধ্যে একটি চেক করা হয় এবং অন্যটি যদি চেক না করা হয় তবে পরীক্ষা করতে চাই। নিম্নলিখিতগুলি সম্পাদন করার সহজতম উপায় কী:

if ( $("#checkSurfaceEnvironment-1").attr('checked', true) &&
     $("#checkSurfaceEnvironment-2").is('**(NOT??)** :checked') ) {
        // do something
}

3
উভয় চেক করা হয়েছে কিনা তা পরীক্ষা করতে ব্যবহার করবেন ||না । চেক যদি উভয় পরীক্ষিত হয়। &&&&
j08691

উত্তর:


213

আমি ব্যবহারযোগ্য একটি নির্ভরযোগ্য উপায়:

if($("#checkSurfaceEnvironment-1").prop('checked') == true){
    //do something
}

আপনি যদি চেক করা উপাদানগুলির মাধ্যমে পুনরাবৃত্তি করতে চান তবে প্যারেন্ট উপাদানটি ব্যবহার করুন

$("#parentId").find("checkbox").each(function(){
    if ($(this).prop('checked')==true){ 
        //do something
    }
});

অধিক তথ্য:

এটি ভালভাবে কাজ করে কারণ সমস্ত চেকবক্সে একটি সম্পত্তি যাচাই করা আছে যা চেকবাক্সের প্রকৃত অবস্থা সঞ্চয় করে। আপনি যদি চান তবে পৃষ্ঠাটি পরিদর্শন করতে পারেন এবং একটি চেকবক্স চেক করে আনচেক করার চেষ্টা করতে পারেন এবং "পরীক্ষিত" বৈশিষ্ট্যটি (যদি উপস্থিত থাকে) একই থাকবে will এই বৈশিষ্ট্যটি কেবলমাত্র চেকবক্সের প্রাথমিক অবস্থার প্রতিনিধিত্ব করে , এবং বর্তমান অবস্থা নয়। বর্তমান অবস্থাটি সেই চেকবাক্সের জন্য ডোম উপাদানটির চেক করা সম্পত্তিতে সঞ্চিত রয়েছে।

এইচটিএমএলে বৈশিষ্ট্য এবং বৈশিষ্ট্যগুলি দেখুন


2
উম্ম ... এটি ঠিক সেট করবেchecked = true
নাফতালি ওরফে নীল

@ পাবলো - নীচে আমার উত্তরটি পরীক্ষা করুন, যা আমিও একটি নির্ভরযোগ্য / উপযুক্ত বিকল্প।
অনীশ বিজেন্দ্রন

@ পাবলোমেশার আরে, আপনি কি আমাকে সাহায্য করতে পারেন? আমি আসলে নির্ধারণ করতে চাই যে বেশিরভাগের মধ্যে কোন চেকবক্স (এস) পরীক্ষা করা হয় / হয়? এবং এর পাশের পাঠ্যবক্সটি সক্ষম / অক্ষম করুন। যে কোনও সাহায্যের প্রশংসা করা হবে।
ইস্টবিআর 3 ই

@ 1lastBr3ath নিশ্চিত, আপনি যদি jQuery ব্যবহার করেন তবে আপনাকে কেবলমাত্র চেকবক্সের সাথে সম্পর্কিত পাঠ্যবক্সের জন্য একটি নির্বাচক খুঁজে পেতে হবে এবং আমার দ্বিতীয় উদাহরণটি ব্যবহার করতে হবে। এটি (something (এটি) .প্রপ ('চেক করা')) {$ (এটি) f }
পাবলো মেসচার

1
@ স্টফফেস এই ক্ষেত্রে এই সম্পত্তিটি সর্বদা বুলিয়ান হবে কারণ এটি কোনও গণিত সম্পত্তি এবং স্ট্রিং নয়, সুতরাং আপনি == ব্যবহার করে দূরে যেতে পারেন away সর্বদা ব্যবহার করা বুদ্ধিমানের জন্য === যদিও যেহেতু এটি সর্বদা ক্ষেত্রে হয় না
পাবলো মেসচার


31

আপনি jQuery .not()পদ্ধতি বা :not()নির্বাচক উভয়ই ব্যবহার করতে পারেন :

if ($('#checkSurfaceEnvironment').not(':checked').length) {
    // do stuff for not selected
}

জেএসফিডাল উদাহরণ


অতিরিক্ত নোট

:not() নির্বাচকটির জন্য jQuery এপিআই ডকুমেন্টেশন থেকে :

.Not () পদ্ধতি একটি মধ্যে জটিল নির্বাচকরা বা ভেরিয়েবল ঠেলাঠেলি চেয়ে বেশি পাঠযোগ্য পছন্দসই মান নির্বাচন করে সঙ্গে আপনি প্রদান শেষ হবে না (): নির্বাচক ফিল্টার। বেশিরভাগ ক্ষেত্রে, এটি আরও ভাল পছন্দ।


1
! $ ("# চেকসুরফেসএনভায়রনমেন্ট") is (": চেক করা") একটি বুলিয়ান দেয়। চেকবক্সটি চেক না করা হলে এটি সত্য। '(' # চেকসুরফেসএনভায়রনমেন্ট ')। না (': চেক করা ') DOM উপাদানগুলির একটি অ্যারে প্রদান করে। নির্বাচকের সাথে কোনও মিল নেই এবং অ্যারেটি ফাঁকা থাকলেও 'যদি' প্রত্যাবর্তন করে 'সত্য' দিয়ে এটি পরীক্ষা করে দেখানো হয়। ।। ( 'পরীক্ষিত') দৈর্ঘ্য, যা 0 বা 1. ফিরে আসবে একমাত্র উপায় আপনার উত্তরটি সঠিক হতে পারে যদি আপনি পরীক্ষিত আমি $ ( '# checkSurfaceEnvironment') নয়
Thibault Witzig

22

বিকল্প উপায়:

এখানে একটি কার্যকারী উদাহরণ এবং কোডটি এখানে রয়েছে, আপনার প্রপ ব্যবহার করা উচিত।

$('input[type="checkbox"]').mouseenter(function() { 
    if ($(this).is(':checked')) {
        //$(this).prop('checked',false);
        alert("is checked");
    } else {
         //$(this).prop('checked',true);
        alert("not checked");
    }
});​

আমি চেক করা বৈশিষ্ট্যটি টগল করার উপায় সম্পর্কে মন্তব্য করেছি।



6

আমি অ্যাভিজেন্ডার প্রস্তাবিত মত আরও সরাসরি বাস্তবায়ন খুঁজছিলাম

তার সিনট্যাক্সটি নিয়ে আমার কিছুটা সমস্যা হয়েছিল তবে আমি এটি কাজ করতে পেরেছি:

if ($('.user-forms input[id*="chkPrint"]:not(:checked)').length > 0)

আমার ক্ষেত্রে, আমার ক্লাস সহ একটি টেবিল ছিল user-formsএবং আমি যাচাই করছিলাম যে চেকবক্সগুলির স্ট্রিং checkPrintরয়েছে idএমন কোনওটি চেক করা হয়নি কিনা ।


5

আমি মনে করি চেকবক্সটি চেক করা আছে কিনা তা যাচাই করার সবচেয়ে সহজ উপায় (jQuery সহ):

যদি 'পরীক্ষিত' হয়:

if ($(this).is(':checked')) {
// I'm checked let's do something
}

যদি 'পরীক্ষিত' না হয়:

if (!$(this).is(':checked')) {
// I'm NOT checked let's do something
}

4

এখানে এই প্রশ্নের একটি স্নিপেট আছে।

$(function(){
   $("#buttoncheck").click(function(){
        if($('[type="checkbox"]').is(":checked")){
            $('.checkboxStatus').html("Congratulations! "+$('[type="checkbox"]:checked').length+" checkbox checked");
        }else{
            $('.checkboxStatus').html("Sorry! Checkbox is not checked");
         }
         return false;
   })
    
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <p>
    <label>
      <input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_0">
      Checkbox</label>
    <br>
    <label>
      <input type="checkbox" name="CheckboxGroup1_" value="checkbox" id="CheckboxGroup1_1">
      Checkbox</label>
    <br>
  </p>
  <p>
    <input type="reset" value="Reset">
    <input type="submit" id="buttoncheck" value="Check">
  </p>
  <p class="checkboxStatus"></p>
</form>


3

আপনার .attr()মতো এটি করার জন্য এটি পরীক্ষা করা হয়েছে কিনা তা দেখুন .attr("checked", "checked")এবং এটি যদি তা না হয় তবে.attr("checked") == undefined


1

সমস্ত চেকবক্স একটি ডিভিডে চেক করা থাকলে সত্যটি প্রত্যাবর্তন করুন

function all_checked (id_div){
 all_checked = true;

 $(id_div+' input[type="checkbox"]').each(function() { 
    all_checked = all_checked && $('this').prop('checked');
 }

 return all_checked;
}

1

সহজ এবং চেক করা সহজ বা চেক করা শর্তহীন

<input type="checkbox" id="ev-click" name="" value="" >

<script>
    $( "#ev-click" ).click(function() {
        if(this.checked){
            alert('checked');
        }
        if(!this.checked){
            alert('Unchecked');
        }
    });
</script>

1

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

if ($("#checkSurfaceEnvironment-1:checked").length>0) {
    //your code in case of NOT checked
}

উপরের কোডে আইডি দ্বারা উপাদান নির্বাচন করে (#checkSurfaceEnvironment-1)তারপরে ফিল্টার করে চেক হওয়া অবস্থায় (:checked)ফিল্টার করে।

এটি পরীক্ষিত উপাদান অবজেক্টের অ্যারে ফিরিয়ে দেবে। অ্যারেতে যদি কোনও বস্তু উপস্থিত থাকে তবে শর্তটি যদি সন্তুষ্ট হয়।


যদিও আপনার উত্তরটি সাহায্য করতে পারে, আপনার কমপক্ষে কেন তা ব্যাখ্যা করা উচিত। যেমনটি হ'ল, আপনার উত্তরটি নিম্ন মানের পোস্টের সংযোজন কাতারে চলে গেছে (এটি যেখানে আমি এটি দেখছি) আমি আপনাকে একটি ব্যাখ্যা যুক্ত করার জন্য আপনার উত্তরটি সম্পাদনা করার পরামর্শ দিচ্ছি।
ক্রিস স্পিটলস

1

দুটি অবস্থা আছে আপনি শর্তটি পরীক্ষা করতে পারেন।

if ($("#checkSurfaceEnvironment-1").is(":checked")) {
    // Put your code here if checkbox is checked
}

অথবা আপনি এটি ব্যবহার করতে পারেন

if($("#checkSurfaceEnvironment-1").prop('checked') == true){
    // Put your code here if checkbox is checked
}

আমি আশা করি এটি আপনার পক্ষে কার্যকর।


1

এখানে দেওয়া সহজ উপায়

 <script type="text/javascript">

        $(document).ready(function () {
            $("#chk_selall").change("click", function () {

                if (this.checked)
                {
                    //do something
                }
                if (!this.checked)
                {
                    //do something

                }

            });

        });

    </script>


0

আমি জানি এটি ইতিমধ্যে উত্তর দেওয়া হয়েছে, কিন্তু এখনও, এটি এটি করার একটি ভাল উপায়:

if ($("#checkbox").is(":checked")==false) {
    //Do stuff here like: $(".span").html("<span>Lorem</span>");
}

0
if($("#checkbox1").prop('checked') == false){
    alert('checkbox is not checked');
    //do something
}
else
{ 
    alert('checkbox is checked');
}

4
যদিও এটি লেখকদের প্রশ্নের উত্তর দিতে পারে, এতে কিছু ব্যাখ্যাকারী শব্দ এবং / অথবা ডকুমেন্টেশনের লিঙ্কের অভাব রয়েছে। আশেপাশে কিছু বাক্যাংশ ছাড়া কাঁচা কোড স্নিপেটগুলি খুব বেশি সহায়ক হয় না। আপনি কীভাবে একটি ভাল উত্তর লিখতে পারেন তা খুব সহায়ক। দয়া করে আপনার উত্তরটি সম্পাদনা করুন - পর্যালোচনা থেকে
নিক

-4
$("#chkFruits_0,#chkFruits_1,#chkFruits_2,#chkFruits_3,#chkFruits_4").change(function () {
        var item = $("#chkFruits_0,#chkFruits_1,#chkFruits_2,#chkFruits_3,#chkFruits_4");
    if (item.is(":checked")==true) {
        //execute your code here
    }

    else if (item.is(":not(:checked)"))
    {
        //execute your code here
    }

});
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.