it-swarm.it

Come verificare se una casella di controllo è selezionata in jQuery?

Devo controllare la proprietà checked di una casella di controllo ed eseguire un'azione basata sulla proprietà checked usando jQuery.

Ad esempio, se la casella di controllo dell'età è selezionata, allora devo mostrare una casella di testo per inserire l'età, altrimenti nascondere la casella di testo.

Ma il seguente codice restituisce false per impostazione predefinita:

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

Come faccio a interrogare correttamente la proprietà checked?

4217
Prasad

Questo ha funzionato per me:

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

Dove isAgeSelected è l'id del controllo.

Inoltre, @ karim79's answer funziona bene. Non sono sicuro di ciò che ho perso nel momento in cui l'ho testato.

Nota, questa è la risposta utilizza Microsoft Ajax, non jQuery

90
Prasad

Come faccio a interrogare correttamente la proprietà selezionata?

La proprietà checked di un elemento DOM checkbox ti darà lo stato checked dell'elemento.

Dato il tuo codice esistente, potresti quindi fare questo:

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

Tuttavia, c'è un modo molto più carino per farlo, usando 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

Usa jQuery's is () function:

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

Usando 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

Utilizzando il nuovo metodo di proprietà:

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

jQuery 1.6+

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

jQuery 1.5 e sotto

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

Qualsiasi versione di jQuery

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

Tutto il merito va a Xian .

207
ungalcrys

Sto usando questo e questo funziona perfettamente bene:

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

Nota: se la casella è selezionata, restituirà true altrimenti non definito, quindi è meglio verificare il valore "TRUE".

155
Pradeep

Uso:

<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

A partire da jQuery 1.6, il comportamento di jQuery.attr() è cambiato e gli utenti sono incoraggiati a non usarlo per recuperare lo stato di un elemento selezionato. Invece, dovresti usare jQuery.prop() :

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

Altre due possibilità sono:

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

Se si sta utilizzando una versione aggiornata di jquery, è necessario utilizzare il metodo .prop per risolvere il problema:

$('#isAgeSelected').prop('checked') restituirà true se selezionato e false se deselezionato. L'ho confermato e mi sono imbattuto in questo problema in precedenza. $('#isAgeSelected').attr('checked') e $('#isAgeSelected').is('checked') stanno restituendo undefined che non è una risposta degna della situazione. Quindi fai come indicato di seguito.

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

Spero che aiuti:) - Grazie.

84

L'utilizzo del gestore di eventi Click per la proprietà checkbox non è affidabile, in quanto la proprietà checked può cambiare durante l'esecuzione del gestore di eventi stesso!

Idealmente, vorrai inserire il tuo codice in un gestore di eventi change come viene attivato ogni volta che viene modificato il valore della casella di controllo (indipendentemente da come è fatto così).

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

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

Ho deciso di pubblicare una risposta su come fare esattamente la stessa cosa senza jQuery. Solo perché sono un ribelle.

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

Per prima cosa ottieni entrambi gli elementi con il loro ID. Quindi si assegna all'evento onchange della casella di controllo una funzione che controlla se la casella di controllo è stata spuntata e imposta la proprietà hidden del campo di testo dell'età in modo appropriato. In quell'esempio usando l'operatore ternario.

Ecco un violino per te testarlo.

Addendum

Se la compatibilità tra browser è un problema, allora propongo di impostare la proprietà display CSS su nessuno e inline.

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

Più lento ma compatibile con browser.

51
Octavian Damiean

Uso:

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

Questo può aiutare se si desidera che l'azione richiesta debba essere eseguita solo quando si seleziona la casella non nel momento in cui si rimuove il controllo.

50
UDB

Credo che potresti fare questo:

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

Esistono molti modi per verificare se una casella di controllo è selezionata o meno:

Modo per verificare utilizzando jQuery

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

Controlla esempio o anche documento:

43
Parth Chavda

Mi sono imbattuto nello stesso identico problema. Ho una casella di controllo ASP.NET

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

Nel codice jQuery ho usato il seguente selettore per verificare se la casella di controllo era selezionata o meno, e sembra funzionare come un incantesimo.

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

Sono sicuro che puoi usare l'ID al posto di CssClass,

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

Spero che questo ti aiuta.

41
Nertim

Questo è un metodo diverso per fare la stessa cosa:

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

Questo funziona per me:

/* isAgeSelected being id for checkbox */

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

Usa questo:

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

La lunghezza è maggiore di zero se la casella è selezionata.

34
Hamid N K

Puoi usare questo codice:

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

Il mio modo di farlo è:

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

Questo restituisce true se l'input è controllato e false se non lo è.

31
fe_lix_

Puoi usare:

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

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

Entrambi dovrebbero funzionare.

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

1) Se il tuo markup HTML è:

<input type="checkbox"  />

attr usato:

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

Se il prop è usato:

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

2) Se il tuo markup HTML è:

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

attr usato:

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

Prop usato:

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

Questo esempio è per pulsante.

Prova quanto segue:

<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

La risposta migliore non lo ha fatto per me. Questo ha fatto però:

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

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

Fondamentalmente quando l'elemento # li_13 viene cliccato, controlla se l'elemento # è d'accordo (che è la casella di controllo) è controllato usando la funzione .attr('checked'). Se è allora fadeIn l'elemento #saveForm, e se non fadeOut l'elemento saveForm.

24
MDMoore313

Sebbene tu abbia proposto una soluzione JavaScript per il tuo problema (visualizzando un textbox quando un checkbox è checked), questo problema potrebbe essere risolto solo da css . Con questo approccio, il tuo modulo funziona per gli utenti che hanno disabilitato JavaScript.

Supponendo di avere il seguente codice HTML:

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

È possibile utilizzare il seguente CSS per ottenere la funzionalità desiderata:

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

Per altri scenari, potresti pensare a selettori CSS appropriati.

Ecco un Fiddle per dimostrare questo approccio .

21
Ormoz

Sto usando questo:

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

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

Attiva/disattiva: 0/1 o altro

<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

Penso che sarà il semplice

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

Sono sicuro che non è una rivelazione, ma non l'ho visto tutto in un solo esempio:

Selettore per tutte le caselle di controllo selezionate (sulla pagina):

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

o

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

Include jQuery dal file system locale. Ho usato Google CDN , e ci sono anche molti CDN tra cui scegliere.

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

Il codice verrà eseguito non appena si fa clic su una casella di controllo nella classe mycheck. Se la casella di controllo corrente selezionata è selezionata, disabiliterà tutti gli altri e abiliterà quella corrente. Se quella corrente è deselezionata, abiliterà nuovamente tutte le caselle di controllo per ricontrollare.

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

Forma semplice da testare

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

Schermo di uscita:

Enter image description here

16
Madan Sapkota

L'attributo checked di input type="checkbox" è mappato con la proprietà defaultChecked, not con la proprietà checked.

Quindi, quando si fa qualcosa in una pagina quando una casella di spunta è spuntata, non usare il metodo prop(). Recupera il valore della proprietà e cambia quando cambia lo stato della casella di controllo.

Usare attr() o getAttribute (in puro JavaScript) in questi casi non è il modo corretto di fare le cose.

se elem è la casella di controllo interessata, fai qualcosa come questo per recuperare il valore:

elem.checked

o

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

Ho verificato in Firefox 9.0.1 che i seguenti lavori per la cattura dello stato di una casella di controllo cambiano:

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

Automated

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

Questa è la quantità minima di codice che ritengo necessario per fare qualcosa di simile in modo efficace. Ho trovato questo metodo per essere utile; restituisce una matrice delle caselle di controllo che sono controllate e quindi è possibile utilizzare il loro valore (questa soluzione utilizza 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 + ", ";
};

La stampa di "output" ti fornirà un elenco separato da virgole dei tuoi valori.

12
Daryl H

Stavo avendo lo stesso problema e nessuna delle soluzioni pubblicate sembrava funzionare e poi ho scoperto che è perché ASP.NET rende il controllo CheckBox come SPAN con INPUT all'interno, quindi l'ID CheckBox è in realtà un ID di una SPAN, non un INPUT, quindi dovresti usare:

$('#isAgeSelected input')

piuttosto che

$('#isAgeSelected')

e quindi tutti i metodi elencati sopra dovrebbero funzionare.

12
tsw_mik

Ecco un esempio che include inizializzazione mostra/nascondi per abbinare lo stato della casella di controllo quando la pagina viene caricata ; tenendo conto del fatto che firefox ricorda lo stato delle checkbox quando si aggiorna la pagina, ma non lo farà ricorda lo stato degli elementi mostrati/nascosti.

$(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);})
});

(con l'aiuto di altre risposte su questa domanda)

12
Tim Abell

Questa è stata la mia soluzione:

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

Basta usarlo come di seguito

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

Uso:

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

Quando selezioni fuori contesto, ricorda che è necessario [0] per accedere alla casella di controllo.

9
Richard Maxwell

Usando pure JavaScript :

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

Preferirei davvero l'evento change.

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

Demo Fiddle

8
Tarion

Prova questo,

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

Sto usando jQuery 1.11.1 e ho avuto problemi con l'impostazione e la lettura del valore della casella di controllo.

L'ho finalmente risolto con queste due funzioni:

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

Potrebbe sembrare un po 'sporco, ma risolve tutto il problema cablato che avevo tra diversi tipi di browser.

7
Jacob

Un selettore restituisce più oggetti e deve prendere il primo elemento dell'array:

// 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

Che mi dici di questa soluzione?

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

Puoi provare questo codice:

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

Devo controllare la proprietà selezionata di una casella di controllo ed eseguire un'azione basata sulla proprietà controllata usando jQuery.

E.X -

1) Esegui al caricamento per ottenere il valore della casella di controllo se la casella di controllo dell'età è selezionata, quindi devo mostrare una casella di testo per inserire l'età, altrimenti nascondere la casella di testo.

2) se la casella di controllo dell'età è selezionata, allora devo mostrare una casella di testo per inserire l'età, altrimenti nascondere la casella di testo usando l'evento click della casella di controllo.

quindi il codice non restituisce false di default:

Prova quanto segue:

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

Ecco una versione modificata: https://jsfiddle.net/sedhal/0hygLtrz/7/

3
sedhal soni

Nel caso in cui sia necessario sapere se una casella di controllo è selezionata in javascript puro, è necessario utilizzare questo codice.

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

Per le versioni precedenti di jQuery, dovevo usare il seguente,

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

Nel caso in cui sia necessario utilizzare la classe CSS come selettore jQuery, è possibile eseguire quanto segue:

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

Funziona bene anche per checkboxes e radioboxes.

1
Developer

Questa funzione è alternativa e stabile:

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

Esempio:

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

Si prega di provare sotto il codice per verificare che la casella di controllo sia selezionata o meno

$(document).ready(function(){

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

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

});

});

0
Javed Khan