html কিভাবে একটি চেকবক্স jQuery চেক করা হয় কিনা তা পরীক্ষা করবেন?





15 Answers

JQuery এর ব্যবহার করুন is() ফাংশন:

if($("#isAgeSelected").is(':checked'))
    $("#txtAge").show();  // checked
else
    $("#txtAge").hide();  // unchecked
jquery html dom checkbox

আমি চেকবক্সের চেককৃত সম্পত্তি চেক করতে এবং চেকআউটের উপর ভিত্তি করে একটি ক্রিয়া সম্পাদন করতে চাই।

উদাহরণস্বরূপ, বয়স চেকবাক্সটি চেক করা থাকলে, বয়স প্রবেশ করতে আমাকে একটি টেক্সটবক্স প্রদর্শন করতে হবে, অন্যথায় পাঠ্যবাক্সটি লুকান।

কিন্তু নিচের কোডটি ডিফল্টরূপে false করে:

if ($('#isAgeSelected').attr('checked'))
{
    $("#txtAge").show();
}
else
{
    $("#txtAge").hide();
}

আমি কিভাবে সফলভাবে সম্পত্তি checked করতে পারি?




jQuery 1.6+

$('#isAgeSelected').prop('checked')

jQuery 1.5 এবং নিচে

$('#isAgeSelected').attr('checked')

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

// Assuming an event handler on a checkbox
if (this.checked)

সমস্ত ক্রেডিট Xian যায়।




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

<input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned

$("#planned_checked").change(function() {
    if($(this).prop('checked')) {
        alert("Checked Box Selected");
    } else {
        alert("Checked Box deselect");
    }
});

    $("#planned_checked").change(function() {
        if($(this).prop('checked')) {
            alert("Checked Box Selected");
        } else {
            alert("Checked Box deselect");
        }
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned




এটা আমার জন্য কাজ করেছে:

$get("isAgeSelected ").checked == true

যেখানে isAgeSelected করা হয় আইডি নিয়ন্ত্রণ।

এছাড়াও, @ karim79 এর answer জরিমানা কাজ করে। আমি এটা পরীক্ষার সময় আমি কি মিস ছিল তা নিশ্চিত নই।

নোট, এই উত্তরটি জাভাস্ক্রিপ্ট নয়, মাইক্রোসফ্ট অ্যাজাক্স ব্যবহার করে




চেকবক্স সম্পত্তিটির জন্য Click ইভেন্ট হ্যান্ডলারটি ব্যবহার করা অবিশ্বস্ত, কারণ checked সম্পত্তি ইভেন্ট হ্যান্ডলার নিজেই কার্যকর হওয়ার সময় পরিবর্তন করতে পারে!

আদর্শভাবে, আপনি আপনার কোডটিকে change ইভেন্ট হ্যান্ডলারের মধ্যে রাখতে change যেমন এটি চেক বক্সের মান পরিবর্তিত হওয়ার সময় প্রতিটি সময় বহিস্কার করা হয় (এটি কীভাবে করা হয় তার থেকে স্বাধীন)।

$('#isAgeSelected').bind('change', function () {

   if ($(this).is(':checked'))
     $("#txtAge").show();
   else
     $("#txtAge").hide();
});



আমি বিশ্বাস করি তুমি এটা করতে পারো

if ($('#isAgeSelected :checked').size() > 0)
{
    $("#txtAge").show(); 
} else { 
    $("#txtAge").hide();
}



আমি সঠিক একই সমস্যা দৌড়ে। আমি একটি ASP.NET চেকবক্স আছে

<asp:CheckBox ID="chkBox1" CssClass='cssChkBox1' runat="server" />

JQuery কোডে আমি চেকবক্সটি চেক করা হয়েছে কিনা তা পরীক্ষা করতে নিম্নলিখিত নির্বাচক ব্যবহার করেছি এবং এটি একটি যাদুমন্ত্রের মতো কাজ বলে মনে হচ্ছে।

if ($("'.cssChkBox1 input[type=checkbox]'").is(':checked'))
{ ... } else { ... }

আমি নিশ্চিত যে আপনি CssClass এর পরিবর্তে আইডি ব্যবহার করতে পারেন,

if ($("'#cssChkBox1 input[type=checkbox]'").is(':checked'))
{ ... } else { ... }

এটি তোমাকে সাহায্য করবে বলে আশা করি।




এই একই জিনিস করতে কিছু ভিন্ন পদ্ধতি:

$(document).ready(function (){

    $('#isAgeSelected').click(function() {
        // $("#txtAge").toggle(this.checked);

        // Using a pure CSS selector
        if ($(this.checked)) {
            alert('on check 1');
        };

        // Using jQuery's is() method
        if ($(this).is(':checked')) {
            alert('on checked 2');
        };

        //  // Using jQuery's filter() method
        if ($(this).filter(':checked')) {
            alert('on checked 3');
        };
    });
});
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">Age is something</div>




আপনি এই কোড ব্যবহার করতে পারেন:

$('#isAgeSelected').click(function(){
   console.log(this.checked);
   if(this.checked == true) {
        $("#txtAge").show();
    } else {
       $("#txtAge").hide();
   }
});



$(document).ready(function() {    
    $('#agecheckbox').click(function() {
        if($(this).is(":checked"))
        {
            $('#agetextbox').show();
        } else {
            $('#agetextbox').hide();
        }
    });
});



তুমি ব্যবহার করতে পার:

  if(document.getElementById('isAgeSelected').checked)
    $("#txtAge").show();  
  else
    $("#txtAge").hide();
if($("#isAgeSelected").is(':checked'))
  $("#txtAge").show();  
else
  $("#txtAge").hide();

তাদের উভয় কাজ করা উচিত।




শীর্ষ উত্তর আমার জন্য এটা না। যদিও এটি ছিল:

<script type="text/javascript">
    $(document).ready(function(){

        $("#li_13").click(function(){
            if($("#agree").attr('checked')){
                $("#saveForm").fadeIn();
            }
            else
            {
                $("#saveForm").fadeOut();
            }
        });
    });
</script>

মূলত যখন এলিমেন্টটি # li_13 ক্লিক করা হয়, এটি পরীক্ষা করে যে # element (যা চেকবাক্স) সম্মত হয় তা .attr('checked') ফাংশন ব্যবহার করে চেক করা হয় কিনা তা পরীক্ষা করে। যদি এটি # শেভফর্ম উপাদানের মধ্যে ফেইড হয়, এবং যদি সংরক্ষণ ফরম উপাদানটি fadeOut না হয়।




টগল করুন: 0/1 অথবা অন্যথায়

<input type="checkbox" id="nolunch" />
<input id="checklunch />"

    $('#nolunch').change(function () {
    if ($(this).is(':checked')) {
        $('#checklunch').val('1');
    };
    if ($(this).is(':checked') == false) {
        $('#checklunch').val('0');
    };
});



যদিও আপনি আপনার সমস্যার জন্য একটি জাভাস্ক্রিপ্ট সমাধান প্রস্তাব করেছেন (একটি checkbox checked সময় একটি textbox প্রদর্শন checked ), তবে এই সমস্যাটি কেবল CSS দ্বারা সমাধান করা যেতে পারে। এই পদ্ধতির সাথে, আপনার ফর্মটি ব্যবহারকারীদের জন্য জাভাস্ক্রিপ্ট নিষ্ক্রিয় করেছে।

আপনি নিম্নলিখিত এইচটিএমএল আছে অনুমান:

<label for="show_textbox">Show Textbox</label>
<input id="show_textbox" type="checkbox" />
<input type="text" />

আপনি পছন্দসই কার্যকারিতা অর্জন করতে নিম্নলিখিত সিএসএস ব্যবহার করতে পারেন:

 #show_textbox:not(:checked) + input[type=text] {display:none;}

অন্যান্য পরিস্থিতিতে, আপনি উপযুক্ত সিএসএস নির্বাচকদের মনে করতে পারেন।

এখানে এই পদ্ধতি প্রদর্শন করা একটি fiddle হয়




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

অথবা

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





Related