JQuery এ একটি চেকবক্স চেক করা আছে কিনা তা আমি কীভাবে চেক করব?

Question

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

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

তবে নিম্নলিখিত কোডটি falseডিফল্টরূপে ফিরে আসে :

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" id="isAgeSelected"/>

<div id="txtAge" style="display:none">
Age is selected
</div>

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

Comments

'(' # এজেসলেক্টেড ') সংগ্রহটি ফেরত দেয়, এটির সাথে প্রতিস্থাপন করুন: $ (' # # এজসিলেক্টেড ') [0] .চেক করা হয়েছে

— জামালদার

কেন নয়$('#isAgeSelected').checked

— ডন চ্যাডল

একটি ব্যাপক (এবং সঠিক) উত্তরের জন্য দেখুন: stackoverflow.com/questions/426258/...

— পল Kenjora

যেহেতু jQuery নির্বাচকরা অ্যারে ফিরিয়ে দেয়, আপনি ব্যবহার করতে পারেন$('#isAgeSelected')[0].checked

— ফিলিপ লিওও

আমার জন্য নীচের টুইটগুলি কাজ করেছে: .ttr ('চেকড') এর সাথে .is (': চেক করা') প্রতিস্থাপন করুন

— মার্ক এন হপগড

Answer 1

আমি কীভাবে সফলভাবে পরীক্ষিত সম্পত্তিটিকে জিজ্ঞাসা করব?

checkedএকটি চেকবক্স DOM উপাদান সম্পত্তির দিতে হবে checkedউপাদান রাষ্ট্র।

আপনার বিদ্যমান কোড দেওয়া, আপনি অতএব এটি করতে পারেন:

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

যাইহোক, এটি করার অনেক সুন্দর উপায় আছে toggle:

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">Age is something</div>

Comments

আমি উপরের শর্তটিও চেষ্টা করেছি, তবে এটি কেবল মিথ্যা প্রত্যাবর্তন করে

— প্রসাদ

। $ ( "# txtAge") টগল (this.checked); ঠিক $ ("# txtAge") এর মতো করে to টগল ()। সুতরাং, যদি কোনও কারণে রাষ্ট্রটি পরীক্ষা করা হয় এবং পরবর্তী ডিভি লুকানো থাকে (আপনি আপনার ব্রাউজারে ফিরে আসা বোতামটি ক্লিক করেছেন) - এটি প্রত্যাশার মতো কাজ করবে না।

— মাকসিম ভি।

@ চিরামিসু - আপনি যদি পুরোভাবে উত্তরটি পড়ে থাকেন তবে আপনি খেয়াল করবেন যে আমার সম্পাদনাটি is(':checked')ব্যবসায়টি ব্যবহার করে না ।

— karim79

to set: $ ("# chkmyElement") [0] .চেকড = সত্য; পেতে: যদি ($ ("# chkmyElement") [0]। চেক করা হয়)

— জেজে_ কোডার 4

এটি প্রশ্নের উত্তর নয়। this.checkedওপি যেমন জিজ্ঞাসা করেছে তেমন জিকুয়েরি নয়। এছাড়াও, এটি তখনই কার্যকর হয় যখন ব্যবহারকারী চেকবক্সে ক্লিক করে, যা প্রশ্নের অংশ নয়। প্রশ্নটি আবার, How to check whether a checkbox is checked in jQuery?চেকবক্স এবং jQuery এ ক্লিক করে বা ছাড়া কোনও নির্দিষ্ট সময়ে।

— মার্ক

Answer 2

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

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

Comments

আপনার যদি সময়কাল, $("#txtAge").toggle($("#isAgeSelected").is(':checked'))

— সহজকরণ

চেক করা সম্পত্তি পাওয়ার জন্য +1 বিভিন্ন উপায় রয়েছে। কিছু এখানে তালিকাভুক্ত হয়েছে

— user3199690

@NickG বাস্তবিক jQuery এর আছে একটি আছে : দৃশ্যমান নির্বাচক

— hvdd

@hvdd আমি জানি - আমি "সম্পত্তি" বলেছি, নির্বাচক নয়।

— নিক

@ নিকজি ... আপনার অর্থ কী তা আমি বুঝতে পারি না। jQuery এর কোনও .visible"সম্পত্তি" নেই ( সম্পত্তি ? আপনি পদ্ধতি বলতে চাইছেন ?) কারণ কোনও HTML উপাদানটির দৃশ্যমান সম্পত্তি নেই। তাদের একটি display স্টাইলের সম্পত্তি আছে এবং এটি অফ / অফের চেয়ে কিছুটা জটিল।

— এক্সডাইজু

Answer 3

JQuery ব্যবহার করে> 1.6

<input type="checkbox" value="1" name="checkMeOut" id="checkMeOut" checked="checked" />

// traditional attr
$('#checkMeOut').attr('checked'); // "checked"
// new property method
$('#checkMeOut').prop('checked'); // true

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

if($('#checkMeOut').prop('checked')) {
    // something when checked
} else {
    // something else when not
}

Comments

আমি জানতে চাই কেন এটি উত্তর নয় ... আপনি যদি কিছুক্ষণ jquery ব্যবহার করেন তবে .propপদ্ধতিটি হ'ল প্রপসগুলি পরীক্ষা করার উপায় the .. ... আপনি যদি .is(":checked")পন্থাটি করতে যাচ্ছেন তবে তা ঠিক আছে, তবে jquery ব্যবহার করে এটি করার কোনও নকশা করা উপায় নয়। ঠিক আছে?

— ডিএসডিএসডিএসডসডে

@dsdsdsd সম্ভবতঃ কারণ এর জন্য আরও একটি পিছনের সামঞ্জস্যতা পদক্ষেপের প্রয়োজন (আমি এখনই একই সমস্যার মুখোমুখি আছি)।

— ব্যবহারকারী 98085

.is(":checked")এবং .prop("checked")উভয়ই jQuery একই ফলাফল পেতে বৈধ উপায়, .isসমস্ত সংস্করণে কাজ করবে, .propপ্রয়োজন 1.6+

— gnarf

আপনি .attr('checked')jQuery 1.11.3 এ ব্যবহার করলে আপনি অপরিজ্ঞাত হয়ে যান, আপনি যদি ব্যবহার করেন তবে .prop('checked')সত্য / মিথ্যা পাবেন। পুরানো ব্রাউজারগুলি পরবর্তী jQuery সংস্করণগুলিকে সমর্থন করতে পারে না যেগুলি প্রবর্তন করে .prop()এবং অতএব এটি প্রয়োজনীয় তাই তারা কেন এইভাবে এটি কাজ করতে পরিবর্তিত হয় তা আমি দেখতে পাচ্ছি না .attr()। একমাত্র সংরক্ষণের অনুগ্রহটি হ'ল পুরানো ব্রাউজারগুলি (যেমন IE 8) কিছুই> jQuery 1.9 সমর্থন করতে পারে না। আশা করি তারা এই .attr('checked')সংস্করণে এটি ( Make = অপরিজ্ঞাত) করেন নি! ভাগ্যক্রমে, সবসময় আছে this.checked।

— ভ্যাপকুই

Answer 4

jQuery 1.6+

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

jQuery 1.5 এবং নীচে

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

JQuery এর যে কোনও সংস্করণ

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

সমস্ত কৃতিত্ব জিয়ান এর কাছে যায় ।

Comments

প্রযুক্তিগতভাবে, this.checkedসরাসরি জাভাস্ক্রিপ্ট ব্যবহার করা হয়। তবে আমি ক্রস- jQuery- সংস্করণ উত্তর পছন্দ!

— ভ্যাপকুই

Answer 5

আমি এটি ব্যবহার করছি এবং এটি একেবারে সূক্ষ্মভাবে কাজ করছে:

$("#checkkBoxId").attr("checked") ? alert("Checked") : alert("Unchecked");

দ্রষ্টব্য: যদি চেকবক্সটি চেক করা থাকে তবে তা সত্যই ফিরে আসবে অন্যথায় সংজ্ঞায়িত, সুতরাং "সত্য" মানটির জন্য আরও ভাল পরীক্ষা করা হবে।

Comments

এটি কাজ করে কারণ $ ("# চেকবক্সআইডি") attআর্টর ("চেক করা") "চেকড" বা "" (খালি স্ট্রিং) প্রদান করে। আর একটি খালি স্ট্রিং, falsy, অ-খালি স্ট্রিং truthy হয় truthy দেখতে / falsy মান docs.nodejitsu.com/articles/javascript-conventions/...

— Adrien হউন

Jquery 2.1.x দ্বারা এটি ডিফল্টরূপে চেক করা হয় কিনা তা সর্বদা যাচাই করে ফিরে আসে ... আমি জানি না যে এই আচরণটি ইচ্ছাকৃত কিনা, তবে এটি অবশ্যই কাজ করে না (আমি অনুমান করি এটি একটি ত্রুটিযুক্ত) ... ভাল () হয় কাজ করে না, এটি "চালু" থাকে। প্রোপ () সঠিকভাবে কাজ করছে এবং dom.checked হয় কাজ করে।

— inf3rno

এবং সমস্যাটি তখন আসে যখন আপনাকে পুরানো ব্রাউজারগুলির সাথে সমর্থন করতে হবে .attr()! যদি কেবল তারা কেবলমাত্র যথেষ্ট পরিমাণে একা ছেড়ে যায় .... এখানে অন্য একটি উত্তর this.checkedপেয়েছে বলেছে যে আপনি কেবল একটি ক্রস-জিকুয়েরি সমাধানের জন্য ব্যবহার করতে পারেন , কারণ এটি মূলত জাভাস্ক্রিপ্ট।

— ভ্যাপকুই

.attr ('চেক করা') এটি ডিফল্টরূপে চেক করা হয়েছে কিনা তা পরীক্ষা করবে, হ্যাঁ। কারণ এটি এইচটিএমএল বৈশিষ্ট্যটি পরীক্ষা করছে , বর্তমান অবস্থা নয়। পূর্ববর্তী সংস্করণটি একটি বাগ ছিল (যদিও এটির অনেকটাই শোষণ হয়েছে, আমার ধারণা)।

— জে ইরভাইন

Answer 6

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

<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

Answer 7

JQuery 1.6 সাল থেকে, আচরণের jQuery.attr()পরিবর্তন হয়েছে এবং ব্যবহারকারীরা এটির উপাদানগুলির পরীক্ষিত অবস্থা পুনরুদ্ধার করতে ব্যবহার না করার জন্য উত্সাহিত করা হয়। পরিবর্তে, আপনার ব্যবহার করা উচিত jQuery.prop():

$("#txtAge").toggle(
    $("#isAgeSelected").prop("checked") // For checked attribute it returns true/false;
                                        // Return value changes with checkbox state
);

আরও দুটি সম্ভাবনা হ'ল:

$("#txtAge").get(0).checked
$("#txtAge").is(":checked")

Comments

এবং $ ( "# txtAge") [0] .checked

— ইয়েভগেনি Afanasyev

Answer 8

এটি আমার পক্ষে কাজ করেছে:

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

isAgeSelectedকন্ট্রোলের আইডি কোথায় ।

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

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

Comments

সমস্ত ক্ষেত্রে, সমস্ত সাধারণ প্রোগ্রামিং ভাষায়, আপনি বাদ দিতে পারেন== true

— রেডপিক্সেল

@ রেডপিক্সেল যতক্ষণ না আপনি অযোগ্য প্রকারের সাথে ডিল করছেন। :) (পেডেন্টিক স্মাইলি)

— কলব ক্যানিয়ন

Answer 9

আপনি যদি jquery এর একটি আপডেট সংস্করণ ব্যবহার করছেন তবে .propআপনার সমস্যাটি সমাধান করার জন্য আপনাকে অবশ্যই পদ্ধতির দিকে যেতে হবে :

$('#isAgeSelected').prop('checked')trueচেক করা থাকলে এবং যদি চেক falseনা করা থাকে তবে ফিরে আসবে । আমি এটি নিশ্চিত করেছি এবং আমি আগেই এই সমস্যাটি নিয়ে এসেছি। $('#isAgeSelected').attr('checked')এবং $('#isAgeSelected').is('checked')ফিরে আসছে undefinedযা পরিস্থিতির উপযুক্ত উত্তর নয়। সুতরাং নীচে দেওয়া হিসাবে না।

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

আশা করি এটি সাহায্য করে:) - ধন্যবাদ।

Comments

কেন না $('#isAgeSelected').checked?

— ডন চ্যাডল

ব্যবহার করতে .আপনার একটি কোলন দরকার $ ('# isAgeSelected')। হয় (': চেক করা')

— প্যাট্রিক

Answer 10

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

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

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

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

Comments

JQuery 1.7 হিসাবে, .on()পদ্ধতিটি কোনও নথিতে ইভেন্ট হ্যান্ডলার সংযুক্ত করার জন্য পছন্দসই পদ্ধতি।

— নাওর

Answer 11

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

<input type="checkbox" id="abc" value="UDB">UDB
<input type="checkbox" id="abc" value="Prasad">Prasad

$('input#abc').click(function(){
  if($(this).is(':checked'))
  {
    var checkedOne=$(this).val()
    alert(checkedOne);

    // Do some other action
  }
})

আপনি যদি চেকটি অপসারণ করার সময় না হয়ে বাক্সটি চেক করেন কেবল তখনই প্রয়োজনীয় ক্রিয়াটি সম্পন্ন করতে চাইলে এটি সহায়তা করতে পারে।

Answer 12

আমি ঠিক কী একই জিনিসটি jQuery ছাড়াই করতে হবে সে সম্পর্কে একটি উত্তর পোস্ট করার সিদ্ধান্ত নিয়েছি। কেবলমাত্র আমি একজন বিদ্রোহী।

var ageCheckbox = document.getElementById('isAgeSelected');
var ageInput = document.getElementById('txtAge');

// Just because of IE <333
ageCheckbox.onchange = function() {
    // Check if the checkbox is checked, and show/hide the text field.
    ageInput.hidden = this.checked ? false : true;
};

প্রথমে আপনি উভয় উপাদান তাদের আইডি দিয়ে পান। তারপরে আপনি চেকবক্সের onchangeইভেন্টটিকে এমন একটি ক্রিয়াকলাপ বরাদ্দ করেন যা চেকবক্সটি চেক করা হয়েছে কিনা তা পরীক্ষা hiddenকরে সঠিকভাবে বয়স পাঠ্য ক্ষেত্রের সম্পত্তি সেট করে । উদাহরণস্বরূপ টার্নারি অপারেটর ব্যবহার করে।

এটি পরীক্ষা করার জন্য আপনার কাছে একটি বেহুদা ।

অভিযোজ্য বস্তু

ক্রস ব্রাউজার সামঞ্জস্য একটি বিষয় না হলে আমি আপনাদের সিএসএস সেট করতে উত্থাপন করা displayথেকে সম্পত্তি কেউই এবং ইনলাইন ।

elem.style.display = this.checked ? 'inline' : 'none';

ধীর কিন্তু ক্রস ব্রাউজার সামঞ্জস্যপূর্ণ।

Comments

ভাল, .hiddenখুব ক্রস ব্রাউজার নয়, যদিও আমি এই সমাধানটি পছন্দ করি :)

— ফ্লোরিয়ান মার্জাইন

এটি অবশ্যই ব্যবহারের সেরা উপায় style। যদিও এটি দুর্ভাগ্যজনক, কারণ .hiddenঅভিনয়টি আরও ভাল ।

— ফ্লোরিয়ান মার্জাইন

শর্তসাপেক্ষ অপারেটরের ভিতরে অ্যাসাইনমেন্ট? আইনী, হ্যাঁ যাইহোক, আমি ভাল শৈলী কল করব না।

— জুলাই

এটিকে সরল করতে পারে: ageInput.hmitted =! this.checked; (আমি ঘৃণা করি যখন লোকেরা অহেতুকভাবে বুলিয়ান লিটারেল ব্যবহার করে ... আপনি যদি একই সাধারণ বিবৃতিতে "সত্য" এবং "মিথ্যা" উভয়ই ব্যবহার করেন তবে সম্ভবত এটি ব্যবহার করা অপ্রয়োজনীয়)

— জোয়েলফ্যান

Answer 13

আমি বিশ্বাস করি আপনি এটি করতে পারেন:

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

Comments

সতর্কতা ($ ( 'ইনপুট [NAME = isAgeSelected]') ATTR ( 'পরীক্ষিত')।); উপরের কোডটি চেকের ভিত্তিতে সত্য / মিথ্যা দেখায়। পূর্ববর্তী চেষ্টাগুলির সাথে যে কোনও সমস্যা

— প্রসাদ

প্রসাদ, আপনি নাম বা আইডি দিয়ে আপনার চেকবক্সটি উল্লেখ করছেন? আমি এখন বিভ্রান্ত হয়ে

— পড়ছি

আপনি এটি একটি আইডি দিতে পারেন না? জিনিসগুলি অনেক সহজ হবে, উদাহরণস্বরূপ আপনি এটির আইডি দ্বারা এটিকে

— জেনন

.Size () পদ্ধতিটি jQuery 1.8 হিসাবে অবচয় করা হয়েছে। পরিবর্তে। দৈর্ঘ্য (না () ;-) সম্পত্তি ব্যবহার করুন! এবং সম্ভবত আপনাকে একসাথে থাকতে হবে "#isAgeSelected: চেকড"।

— ফ্রেঞ্চোইস ব্রেটন

Answer 14

আমি ঠিক একই ইস্যুতে ছুটে এসেছি। আমার একটি এএসপি.এনইটি চেকবক্স রয়েছে

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

JQuery কোডে আমি নীচের নির্বাচকটি ব্যবহার করে চেকবক্সটি চেক করা হয়েছে কিনা তা যাচাই করেছিলাম এবং এটি মনে হয় যে এটি কোনও কবজির মতো কাজ করে।

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

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

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

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

Answer 15

চেকবাক্স চেক করা আছে কিনা তা যাচাই করার জন্য অনেকগুলি উপায় রয়েছে:

JQuery ব্যবহার করে চেক করার উপায়

if (elem.checked)
if ($(elem).prop("checked"))
if ($(elem).is(":checked"))
if ($(elem).attr('checked'))

উদাহরণ পরীক্ষা করুন বা নথিও:

• http://api.jquery.com/attr/

• http://api.jquery.com/prop/

Answer 16

এই কোডটি আপনাকে সহায়তা করবে

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

Answer 17

এটি আমার পক্ষে কাজ করে:

/* isAgeSelected being id for checkbox */

$("#isAgeSelected").click(function(){
  $(this).is(':checked') ? $("#txtAge").show() : $("#txtAge").hide();
});

Answer 18

একই জিনিসটি করার জন্য এটি কিছু আলাদা পদ্ধতি:

$(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>

Answer 19

এটা ব্যবহার কর:

if ($('input[name="salary_in.Basic"]:checked').length > 0)

চেকবক্সটি চেক করা থাকলে দৈর্ঘ্য শূন্যের চেয়ে বেশি।

Answer 20

আমার এটি করার পদ্ধতিটি হ'ল:

if ( $("#checkbox:checked").length ) {       
    alert("checkbox is checked");
} else {
    alert("checkbox is not checked");
}

Answer 21

$(selector).attr('checked') !== undefined

trueইনপুটটি চেক করা থাকলে এবং falseযদি তা না হয় তবে এটি ফিরে আসে ।

Comments

আমি বুঝতে পারি এটি কেন নির্দিষ্ট পরিস্থিতিতে কাজ করতে পারে, যদিও এটির মতো একই সমস্যা .attr('checked')রয়েছে যা এটি সর্বদা সঠিক অবস্থায় ফিরে আসে না। অনুযায়ী সালমানের 'র উত্তর (এবং সম্ভবত অন্যদের') তা ব্যবহার করতে একটি নিরাপদ বিকল্প .prop('checked')পরিবর্তে। তদ্ব্যতীত, এটি undefinedহিসাবে ঘোষণা করাও সম্ভব var undefined = 'checked';।

— WynandB

.prop('checked')এখন একটি ভাল উত্তর বলে মনে হচ্ছে। এটি লেখা হওয়ার সময় এটি নির্ভরযোগ্য ছিল না। আমি বুঝতে পারি না, বা অপরিজ্ঞাতকে পুনরায় ঘোষণার জন্য এটি একটি ভাল আদর্শ বলে মনে হয় না।

— fe_lix_

পার্শ্ব নোট হিসাবে, typeof (x) !== "undefined"

— অপরিজ্ঞাত

সেক্ষেত্রে, আমি বিশ্বাস করি যে এটি আরও সঠিক এবং আরও সহজে পড়া সহজ! == আমি টাইপফ (এক্স) কেবল তখনই ব্যবহার করব যখন কোনও ভেরিয়েবলের পরীক্ষা করতে হবে যা পূর্বে সংজ্ঞায়িত বা নাও হতে পারে।

— fe_lix_

Answer 22

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

Answer 23

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

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

---

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

দু'জনেরই কাজ করা উচিত।

Answer 24

1) যদি আপনার এইচটিএমএল মার্কআপ হয়:

<input type="checkbox"  />

অ্যাটর ব্যবহৃত:

$(element).attr("checked"); // Will give you undefined as initial value of checkbox is not set

যদি প্রপ ব্যবহার করা হয়:

$(element).prop("checked"); // Will give you false whether or not initial value is set

2) যদি আপনার এইচটিএমএল মার্কআপ হয়:

 <input type="checkbox"  checked="checked" />// May be like this also  checked="true"

অ্যাটর ব্যবহৃত:

$(element).attr("checked") // Will return checked whether it is checked="true"

প্রপ ব্যবহৃত:

$(element).prop("checked") // Will return true whether checked="checked"

Comments

এটি বাস্তব সমস্যা। আমার কাজ - ইনপুটটিতে একটি পরিবর্তন ইভেন্ট যুক্ত করুন: <ইনপুট টাইপ = "চেকবক্স" অনচেঞ্জ = "চেঞ্জচেকবক্স ()" /> তারপরে বুলিয়ান জাভাস্ক্রিপ্ট ভেরিয়েবল পরিবর্তন করতে সেই ইভেন্টটি ব্যবহার করুন এবং সরাসরি চেকবক্সটি অনুসন্ধান করার পরিবর্তে জাভাস্ক্রিপ্ট ভেরিয়েবলটি ব্যবহার করুন।

— গ্রাহাম লাইট

Answer 25

এই উদাহরণটি বোতামের জন্য।

নিম্নলিখিত চেষ্টা করুন:

<input type="button" class="check" id="checkall" value="Check All" />  &nbsp; <input type="button" id="remove" value="Delete" /> <br/>

<input type="checkbox" class="cb-element"  value="1" /> Checkbox  1 <br/>
<input type="checkbox" class="cb-element"  value="2" /> Checkbox  2 <br/>
<input type="checkbox" class="cb-element"  value="3" /> Checkbox  3 <br/>


$('#remove').attr('disabled', 'disabled'); 

$(document).ready(function() {  

    $('.cb-element').click(function() {

        if($(this).prop('checked'))
        {
            $('#remove').attr('disabled', false);
        }
        else
        {
            $('#remove').attr('disabled', true);
        }
    });   

    $('.check:button').click(function()
{
    var checked = !$(this).data('checked');
    $('input:checkbox').prop('checked', checked);
    $(this).data('checked', checked);

    if(checked == true)
    {
        $(this).val('Uncheck All');
         $('#remove').attr('disabled', false);
    }

    else if(checked == false)
    {
        $(this).val('Check All');
        $('#remove').attr('disabled', true);
    }
});
});

Answer 26

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

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

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

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

Answer 27

আমি এটি ব্যবহার করছি:

 <input type="checkbox" id="isAgeSelected" value="1" /> <br/>
 <input type="textbox" id="txtAge" />

 $("#isAgeSelected").is(':checked') ? $("#txtAge").show() : $("#txtAge").hide();

Answer 28

যদিও আপনি আপনার সমস্যার জন্য একটি জাভাস্ক্রিপ্ট সমাধান প্রস্তাব করেছেন ( textboxযখন রয়েছে তখন প্রদর্শিত checkboxহচ্ছে 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;}

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

এই পদ্ধতির প্রদর্শন করতে এখানে একটি ফিডল রয়েছে ।

Answer 29

টগল করুন: 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');
    };
});

Answer 30

আমি মনে করি এটি সহজ হবে

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