it-swarm-eu.dev

Jak zkontrolováno, zda je zaškrtávací políčko zaškrtnuto v jQuery?

Potřebuji zkontrolovat vlastnost checked zaškrtávacího políčka a provést akci založenou na kontrolované vlastnosti pomocí jQuery.

Pokud je například zaškrtnuto políčko věk, pak musím ukázat textové pole pro zadání věku, jinak skrýt textové pole.

Následující kód však ve výchozím nastavení vrátí false:

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

Jak úspěšně vyhledám vlastnost checked?

4217
Prasad

To fungovalo pro mě:

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

Kde isAgeSelected je ID ovládacího prvku.

Také @ karim79 je odpověď funguje dobře. Nejsem si jistý, co mi při té zkoušce chybělo.

Poznámka: toto je odpověď používající Microsoft Ajax, nikoli jQuery

90
Prasad

Jak úspěšně zkontroluji zkontrolovanou vlastnost?

Vlastnost checked elementu zaškrtávacího prvku DOM vám dá checked stav prvku.

Vzhledem ke stávajícímu kódu byste to mohli udělat takto:

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

Nicméně, je to mnohem hezčí způsob, jak to udělat, pomocí 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>
3258
karim79

Použití funkce jQuery is () :

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

Použití funkce 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

Použití nové metody vlastnosti:

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

jQuery 1.6+

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

jQuery 1,5 a nižší

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

Libovolná verze jQuery

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

Všechny kredity jdou do Xian .

207
ungalcrys

Používám to a funguje to naprosto v pořádku:

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

Poznámka: Pokud je políčko zaškrtnuto, vrátí se true jinak nedefinováno, takže lépe zkontrolujte hodnotu "TRUE".

155
Pradeep

Použití:

<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
133
Lalji Dhameliya

Protože jQuery 1.6, chování jQuery.attr() se změnilo a uživatelé se vyzývají, aby ho nepoužívali k načtení kontrolovaného stavu prvku. Místo toho byste měli použít jQuery.prop() :

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

Další dvě možnosti jsou:

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

Pokud používáte aktualizovanou verzi jQuery, musíte pro vyřešení problému použít metodu .prop:

$('#isAgeSelected').prop('checked') vrátí true pokud je zaškrtnuto a false, pokud není zaškrtnuto. Potvrdil jsem to a narazil jsem na tento problém dříve. $('#isAgeSelected').attr('checked') a $('#isAgeSelected').is('checked') se vrací undefined což není hodná odpověď na situaci. Tak, jak je uvedeno níže.

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

Doufám, že to pomůže:) - Díky.

84

Použití obslužného programu Click pro vlastnost zaškrtávacího políčka je nespolehlivé, protože vlastnost checked se může změnit během provádění samotného obslužného programu události!

V ideálním případě byste chtěli umístit svůj kód do obslužné rutiny change, jako je to pokaždé, když se změní hodnota zaškrtávacího políčka (nezávisle na jak je to provedeno).

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

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

Rozhodl jsem se založit odpověď na to, jak to udělat, že to samé bez jQuery. Jen proto, že jsem rebel.

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;
};

Nejdříve dostanete oba prvky podle svého ID. Pak přiřadíte onchange událost checkboxe funkci, která kontroluje, zda je zaškrtávací políčko zaškrtnuto a správně nastavuje vlastnost hidden věkového textového pole. V tomto příkladu pomocí ternárního operátora.

Zde je fiddle pro vás otestovat.

Doplněk

Pokud je problém kompatibility mezi prohlížeči, navrhuji nastavit vlastnost CSS display na žádný a inline.

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

Pomalejší, ale kompatibilní s různými prohlížeči.

51
Octavian Damiean

Použití:

<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
  }
})

To vám může pomoci, pokud chcete, aby byla požadovaná akce provedena pouze v případě, že zaškrtnete políčko není v době odebrání šeku.

50
UDB

Věřím, že byste to mohli udělat:

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

Existuje mnoho způsobů, jak zkontrolovat, zda je zaškrtávací políčko zaškrtnuto nebo ne:

Způsob kontroly pomocí jQuery

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

Zkontrolujte příklad nebo také dokument:

43
Parth Chavda

Dostal jsem se do stejného problému. Mám zaškrtávací políčko ASP.NET

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

V kódu jQuery jsem použil následující volič ke kontrole, zda bylo zaškrtávací políčko zaškrtnuto nebo ne, a zdá se, že funguje jako kouzlo.

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

Určitě můžete také použít ID místo CssClass,

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

Doufám, že vám to pomůže.

41
Nertim

To je nějaká jiná metoda, jak udělat totéž:

$(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>
40
Sangeet Shah

To funguje pro mě:

/* isAgeSelected being id for checkbox */

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

Použij toto:

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

Pokud je zaškrtávací políčko zaškrtnuto, délka je větší než nula.

34
Hamid N K

Tento kód můžete použít:

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

Můj způsob, jak toho dosáhnout, je:

if ( $("#checkbox:checked").length ) {       
    alert("checkbox is checked");
} else {
    alert("checkbox is not checked");
}
32
Dalius I
$(selector).attr('checked') !== undefined

Vrací true, pokud je vstup zkontrolován a false pokud tomu tak není.

31
fe_lix_

Můžeš použít:

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

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

Oba by měli pracovat.

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

1) Pokud je vaše značení HTML:

<input type="checkbox"  />

použitý attr:

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

Pokud se použije podpěra:

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

2) Pokud je vaše značení HTML:

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

použitý attr:

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

Prop použitý:

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

Tento příklad je pro tlačítko.

Vyzkoušejte následující:

<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);
    }
});
});
24
usayee

Největší odpověď to pro mě neudělalo. To však bylo:

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

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

Při kliknutí na element # li_13 zkontroluje, zda prvek # souhlasí (což je zaškrtávací políčko), je zkontrolován pomocí funkce .attr('checked'). Pokud je pak fadeIn v prvku #saveForm, a pokud ne fadeOut prvek saveForm.

24
MDMoore313

Ačkoliv jste pro svůj problém navrhli řešení JavaScriptu (zobrazení textbox když checkbox je checked), tento problém může být vyřešen jen pomocí css . S tímto přístupem funguje formulář pro uživatele, kteří mají zakázaný JavaScript.

Za předpokladu, že máte následující kód HTML:

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

K dosažení požadované funkce můžete použít následující CSS:

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

U jiných scénářů můžete uvažovat o vhodných selektorech CSS.

Zde je Fiddle k prokázání tohoto přístupu .

21
Ormoz

Používám toto:

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

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

Přepínač: 0/1 nebo jiný

<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');
    };
});
21
user2385302

Myslím, že to bude ten jednoduchý

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

Jsem si jistý, že to není nějaké zjevení, ale v jednom příkladu jsem to neviděl:

Výběr všech zaškrtnutých políček (na stránce):

$('input[type=checkbox]:checked')
17
Tsonev
if($("#checkkBoxId").is(':checked')){
  alert("Checked=true");
}

nebo

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

Zahrnout jQuery z místního systému souborů. Použil jsem Google CDN , a je zde také mnoho CDN.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Kód bude proveden, jakmile bude zaškrtnuto políčko ve třídě mycheck. Je-li zaškrtnuto políčko, na které jste klikli, zakáže všechny ostatní a povolí aktuální. Pokud je aktuální nezaškrtnuto, bude opět povoleno zaškrtnutí všech políček pro opětovnou kontrolu.

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

        var checkbox_selector = '.mycheck input[type=checkbox]';

        $(checkbox_selector).click(function() {
            if ($($(this)).is(':checked')) {

                // Disable all checkboxes
                $(checkbox_selector).attr('disabled', 'disabled');

                // Enable current one
                $($(this)).removeAttr('disabled');
            }
            else {
                // If unchecked open all checkbox
                $(checkbox_selector).removeAttr('disabled');
            }
        });
    });
</script>

Jednoduchý formulář k testování

<form method="post" action="">
    <div class="mycheck">
        <input type="checkbox" value="1" /> Television
        <input type="checkbox" value="2" /> Computer
        <input type="checkbox" value="3" /> Laptop
        <input type="checkbox" value="4" /> Camera
        <input type="checkbox" value="5" /> Music Systems
    </div>
</form>

Obrazovka výstupu:

Enter image description here

16
Madan Sapkota

Atribut checkedinput type="checkbox" je mapován pomocí vlastnosti defaultChecked, not s vlastností checked.

Takže když něco děláte na stránce, když je zaškrtávací políčko zaškrtnuto, je třeba použít metodu prop(). Načte hodnotu vlastnosti a změní se jako stav zaškrtávacího políčka.

Použití attr() nebo getAttribute (v čistém JavaScriptu) v těchto případech není správným způsobem dělat věci.

pokud je elem zaškrtávacím políčkem, jehož se to týká, udělejte něco takového:

elem.checked

nebo

$(elem).prop('checked')
15
subham.saha1004

Ve Firefoxu 9.0.1 jsem ověřil (a), že následující stav slouží k zachycení stavu zaškrtávacího políčka po změně:

$("#mycheckbox").change(function() {
    var value = $(this).prop("checked") ? 'true' : 'false';                     
    alert(value);
});
15
Joshua Harris

Automatizovaný

$(document).ready(function()
{
    $('#isAgeSelected').change(function()
    {
        alert( 'value =' + $('#chkSelect').attr('checked') );
    });
});

HTML

<b> <input type="isAgeSelected" id="chkSelect" /> Age Check </b>

<br/><br/>

<input type="button" id="btnCheck" value="check" />

jQuery

$(document).ready(function()
{
    $('#btnCheck').click(function()
    {
        var isChecked = $('#isAgeSelected').attr('checked');

        if (isChecked == 'checked')
            alert('check-box is checked');
        else
            alert('check-box is not checked');
    })
});

Ajax

function check()
{
    if (isAgeSelected())
        alert('check-box is checked');
    else
        alert('check-box is not checked');
}

function isAgeSelected()
{
    return ($get("isAgeSelected").checked == true);
}
13
Khaled.K

Toto je minimální množství kódu, které jsem potřeboval udělat něco takového efektivně. Tuto metodu považuji za užitečnou; vrátí pole zaškrtnutých políček a pak můžete použít jejich hodnotu (toto řešení používá jQuery):

// This is how you get them
var output = "";
var checkedBoxes = $("DivCheckBoxesAreIn").children("input:checked");
if(checkedBoxes.length <= 0) {
    alert('Please select check boxes');
    return false;
};

// And this is how you use them:
checkedBoxes.each(function() {
    output +=  this.value + ", ";
};

Tisk "výstup" vám dá čárkami oddělený seznam vašich hodnot.

12
Daryl H

Měl jsem stejný problém a zdálo se, že žádný z odeslaných řešení nefunguje a pak jsem zjistil, že je to proto, že ASP.NET vykresluje ovládací prvek CheckBox jako SPAN s INPUT uvnitř, takže ID CheckBoxu je vlastně ID SPAN, ne INPUT, takže byste měli použít:

$('#isAgeSelected input')

spíše než

$('#isAgeSelected')

a pak by měly fungovat všechny výše uvedené metody.

12
tsw_mik

Zde je příklad, který obsahuje initialising show/hide, aby odpovídal stavu zaškrtávacího políčka, když je načte stránka; s ohledem na skutečnost, že firefox si pamatuje stav zaškrtávacích polí když obnovujete stránku, ale not zapamatujete si stav zobrazených/skrytých prvků.

$(function() {
    // initialise visibility when page is loaded
    $('tr.invoiceItemRow').toggle($('#showInvoiceItems').attr('checked'));
    // attach click handler to checkbox
    $('#showInvoiceItems').click(function(){ $('tr.invoiceItemRow').toggle(this.checked);})
});

(s pomocí dalších odpovědí na tuto otázku)

12
Tim Abell

Toto bylo moje řešení:

$('#vcGoButton').click(function () {
    var buttonStatus = $('#vcChangeLocation').prop('checked');
    console.log("Status is " + buttonStatus);
    if (buttonStatus) {
        var address = $('#vcNewLocation').val();
        var cabNumber = $('#vcVehicleNumber').val();
        $.get('postCabLocation.php',
              {address: address, cabNumber: cabNumber},
              function(data) {
                  console.log("Changed vehicle " + cabNumber + " location to " + address );
              });
    }
    else {
        console.log("VC go button clicked, but no location action");
    }
});
10
cauleyfj

Jednoduše jej použijte jako níže

 $('#isAgeSelected').change(function() {
     if ($(this).is(":checked")) { // or if($("#isAgeSelected").attr('checked') == true){
         $('#txtAge').show();
     } else {
         $('#txtAge').hide();
     }
 });
10

Použití:

$(this).toggle($("input:checkbox", $(this))[0].checked);

Pokud vyberete mimo kontext, nezapomeňte, že k přístupu k zaškrtávacímu políčku potřebujete [0].

9
Richard Maxwell

Použití čistého JavaScriptu :

let checkbox = document.getElementById('checkboxID');

if(checkbox.checked) {
  alert('is checked');
} else {
  alert('not checked yet');
}
9
Carlos Abraham

Setter:

$("#chkmyElement")[0].checked = true;

Getter:

if($("#chkmyElement")[0].checked) {
   alert("enabled");
} else {
   alert("disabled");
}
9
JJ_Coder4Hire

Vlastně bych měl přednost události change.

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

Demo Fiddle

8
Tarion

Zkuste to,

$('#isAgeSelected').click(function() {
    if(this.checked){
        $("#txtAge").show();
    } else{
        $("#txtAge").hide();
    } 
});
8
Mohammed Safeer

Používám jQuery 1.11.1 a měl jsem také problémy s nastavením a čtením zaškrtávacího políčka.

Nakonec jsem to vyřešil těmito dvěma funkcemi:

function setCheckboxValue(checkBoxId, checked) {
    if (checkBoxId && (checked === true || checked === false)) {
        var elem = $('#' + checkBoxId);
        if (checked === true) {
            elem.attr('checked', 'checked');
        } else {
            elem.removeAttr('checked');
        }
    }
}

function isChecked(checkBoxId) {
    return $('#' + checkBoxId).attr('checked') != null;
}

Mohlo by to vypadat trochu špinavě, ale řeší všechny problémy, které jsem měl mezi různými typy prohlížečů.

7
Jacob

Selektor vrací více objektů a musí mít první položku v poli:

// Collection
var chckremember = $("#chckremember");


// Result boolen
var ischecked=chckremember[0].checked;
7
zamoldar
if( undefined == $('#isAgeSelected').attr('checked') ) {
    $("#txtAge").hide();
} else {
    $("#txtAge").show();
}
6
user1996628

A co toto řešení?

$("#txtAge")[
    $("#isAgeSelected").is(':checked') ?
    'show' :
    'hide'
]();
4
Iter Ator

Můžete vyzkoušet tento kód:

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

Potřebuji zkontrolovat zaškrtnuté políčko zaškrtávacího políčka a provést akci založenou na kontrolované vlastnosti pomocí jQuery.

E.X -

1) Spustit Při načtení se zobrazí hodnota zaškrtávacího políčka, pokud je zaškrtnuto políčko pro věk, pak musím zobrazit textové pole pro zadání věku, jinak skrýt textové pole.

2) je-li zaškrtnuto políčko pro věk, je třeba, abych do textového pole zadal věk, jinak skryjte textové pole pomocí zaškrtávacího políčka.

takže kód ve výchozím nastavení nevrací false:

Vyzkoušejte následující:

<html>
        <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        </head>
        <body>
            <h1>Jquery Demo</h1>
            <input type="checkbox" name="isAge" checked id="isAge"> isAge <br/>
            <div id="Age" style="display:none">
              <label>Enter your age</label>
              <input type="number" name="age">
            </div>
            <script type="text/javascript">
            if(document.getElementById('isAge').checked) {
                $('#Age').show();
            } else {
                $('#Age').hide();
            }   
            $('#isAge').click(function() {
                if(document.getElementById('isAge').checked) {
                    $('#Age').show();
                } else {
                    $('#Age').hide();
                }
            }); 
            </script>
        </body>
    </html>

Zde je upravená verze: https://jsfiddle.net/sedhal/0hygLtrz/7/

3
sedhal soni

V případě, že potřebujete vědět, zda je zaškrtávací políčko zaškrtnuto v čistém javascript, měli byste tento kód použít.

let checkbox =document.getElementById('myCheckboxId');
if(checkbox.checked) {
    alert("element is checked");
} else {
    alert("element is  ot checked");
}
2
Ir Calif

U starších verzí jQuery jsem musel použít následující,

$('#change_plan').live('click', function() {
     var checked = $('#change_plan').attr('checked');
     if(checked) {
          //Code       
     }
     else {
          //Code       
     }
});
2
Vajira Lasantha
if( undefined == $('#isAgeSelected').attr('checked') ) {
    $("#txtAge").hide();
} else {
    $("#txtAge").show();
}
2
darhamid
$('#chk').change(function() { 
    (this.checked)? alert('true') : alert('false');
});



($('#chk')[0].checked)? alert('true') : alert('false');
1
argie cruz

V případě, že potřebujete použít CSS třídu jako jQuery selector, můžete provést následující:

$(document).ready(function () {
        $('.myOptionCheckbox').change(function () {            
            if ($(this).prop('checked') == true) {
                console.log("checked");           
            }
            else {
                console.log("unchecked");                
            }
        });
    });

Funguje to dobře i pro checkboxes a radioboxes.

1
Developer

Tato funkce je alternativní a stabilní:

$('#isAgeSelected').context.checked
(return True/False)

Příklad:

if($('#isAgeSelected').context.checked){ //if Checkbox is checked then bla bla..
    /*.....*/
}else{
    /*.....*/
}
1
Ferhat KOÇER
if($('#isAgeSelected').prop('checked')) {
    // do your action 
}
0
Vikash

Zaškrtněte políčko pod kódem, který chcete zaškrtnout, nebo ne

$(document).ready(function(){

$("#isAgeSelected").on('change',function(){

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

});

});

0
Javed Khan