it-swarm-tr.com

JQuery'de bir onay kutusunun işaretli olup olmadığı nasıl kontrol edilir?

Bir onay kutusunun checked özelliğini kontrol etmem ve jQuery kullanarak kontrol edilen özelliğe göre bir eylem gerçekleştirmem gerekiyor.

Örneğin, yaş onay kutusu işaretliyse, o zaman yaş girmek için bir metin kutusu göstermem gerekir, aksi takdirde metin kutusunu gizleyin.

Ancak aşağıdaki kod varsayılan olarak false değerini döndürür:

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

checked özelliğini nasıl başarılı bir şekilde sorgulayabilirim?

4217
Prasad

Bu benim için çalıştı:

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

Burada isAgeSelected kontrolün kimliğidir.

Ayrıca, @ karim79's answer iyi çalışıyor. Test ettiğim zaman neyi özlediğimden emin değilim.

Not, bu cevap Microsoft Ajax'ı kullanır, jQuery değil

90
Prasad

Checked özelliğini nasıl başarılı bir şekilde sorgulayabilirim?

Bir onay kutusu DOM öğesinin checked özelliği, öğenin checked durumunu verir.

Mevcut kodunuz göz önüne alındığında, şunu yapabilirsiniz:

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

Bununla birlikte, toggle kullanarak bunu yapmanın çok daha güzel bir yolu var:

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

JQuery's is () işlevini kullanın:

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

JQuery> 1.6 kullanarak

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

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

Yeni özellik yöntemini kullanarak:

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

jQuery 1.6+

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

jQuery 1.5 ve altı

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

Herhangi bir jQuery sürümü

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

Tüm kredi Xian şeklindedir.

207
ungalcrys

Bunu kullanıyorum ve bu kesinlikle iyi çalışıyor:

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

Not: Onay kutusu işaretliyse, true (aksi takdirde tanımsız) değerine döner, bu nedenle "TRUE" değerini kontrol edin.

155
Pradeep

Kullanın:

<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

JQuery 1.6'dan beri, jQuery.attr() 'nin davranışı değişti ve kullanıcıların bir öğenin işaretlenmiş durumunu almak için kullanmamaları teşvik edildi. Bunun yerine, jQuery.prop() : kullanmalısınız

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

Diğer iki olasılık:

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

Jquery'nin güncellenmiş bir sürümünü kullanıyorsanız, sorununuzu çözmek için .prop yöntemini kullanmanız gerekir:

$('#isAgeSelected').prop('checked'), işaretliyse truename__, ve işaretli değilse falsedöndürür. Bunu onayladım ve daha önce bu sorunla karşılaştım. $('#isAgeSelected').attr('checked') ve $('#isAgeSelected').is('checked'), durum için değerli bir cevap olmayan undefineddeğerini döndürüyor. Aşağıda verilen gibi yapın.

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

Umarım yardımcı olur:) - Teşekkürler.

84
Rajesh Omanakuttan

Onay kutusu özelliği için Clickolay işleyicisini kullanmak, güvenilmezdir, çünkü checkedözelliği, olay işleyicisinin yürütülmesi sırasında değişebilir!

İdeal olarak, kodunuzu her onay kutusunun değeri değiştiğinde (örneğin: how böyle yapılırsa) çalıştırıldığı gibi bir changeolay işleyicisine yerleştirmek istersiniz.

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

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

JQuery olmadan aynı şeyi nasıl yapacağınızla ilgili bir cevap göndermeye karar verdim. Sadece asi olduğum için.

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

İlk önce her iki elemanı da kimlikleriyle alırsın. Ardından, onay kutusunun onchangeolayına, onay kutusunun işaretlenip işaretlenmediğini kontrol eden ve yaş metin alanının hiddenözelliğini uygun şekilde ayarlayan bir işlev atarsınız. Bu örnekte, üçlü operatörü kullanarak.

İşte bunu test etmek için bir keman .

Zeyilname

Çapraz tarayıcı uyumluluğu bir sorunsa, CSS displayözelliğini none ve satır içi olarak ayarlamayı öneririm.

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

Daha yavaş ancak tarayıcılar arası uyumlu.

51
Octavian Damiean

Kullanın:

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

Bu işlem, gerekli işlemi yalnızca onay kutucuğunu kaldırdığınızda değil, onay kutusunu işaretlemeniz durumunda yapılmasını istiyorsanız isteyebilir.

50
UDB

Bunu yapabileceğine inanıyorum:

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

Bir onay kutusunun işaretli olup olmadığını kontrol etmenin birçok yolu vardır:

JQuery kullanarak kontrol yolu

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

Örneği veya belgeyi kontrol edin:

43
Parth Chavda

Ben de aynı konuya girdim. ASP.NET onay kutum var

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

JQuery kodunda, onay kutusunun işaretlenip işaretlenmediğini kontrol etmek için aşağıdaki seçiciyi kullandım ve cazibeye benziyor gibi görünüyor.

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

Eminim CssClass yerine kimliği de kullanabilirsiniz.

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

Umarım bu sana yardımcı olur.

41
Nertim

Bu aynı şeyi yapmak için farklı bir yöntem:

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

Bu benim için çalışıyor:

/* isAgeSelected being id for checkbox */

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

Bunu kullan:

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

Onay kutusu işaretliyse uzunluk sıfırdan büyük.

34
Hamid N K

Bu kodu kullanabilirsiniz:

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

Bunu yapmamın yolu:

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

Bu, eğer giriş kontrol edilirse true ve eğer değilse false döndürür.

31
fe_lix_

Kullanabilirsiniz:

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

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

İkisi de çalışmalı.

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

1) HTML işaretlemeniz:

<input type="checkbox"  />

kullanılan attr:

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

Prop kullanılıyorsa:

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

2) HTML işaretlemeniz:

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

kullanılan attr:

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

Kullanılan Prop:

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

Bu örnek buton içindir.

Takip etmeyi dene:

<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

En iyi cevap benim için yapmadı. Bu olsa yaptı:

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

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

Temel olarak # li_13 elemanı tıklandığında, #f elemanının (onay kutusudur) elemanın .attr('checked') işlevi kullanılarak kontrol edilip edilmediğini kontrol eder. Eğer #saveForm öğesinde fadeIn ise ve fadeOut ise saveForm öğesini.

24
MDMoore313

Sorununuz için bir JavaScript çözümü önermiş olsanız da (textboxcheckbox olduğunda checked görüntüleniyor), bu sorun sadece css ile çözülebilir. Bu yaklaşımla formunuz JavaScript'i devre dışı bırakan kullanıcılar için işe yarar.

Aşağıdaki HTML’ye sahip olduğunuzu varsayarak:

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

İstenilen işlevselliği elde etmek için aşağıdaki CSS'yi kullanabilirsiniz:

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

Diğer senaryolar için uygun CSS seçicileri düşünebilirsiniz.

İşte bu yaklaşımı göstermek için bir Fiddle .

21
Ormoz

Bunu kullanıyorum:

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

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

Geçiş: 0/1 veya başka

<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

Bunun basit olacağını düşünüyorum

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

Eminim ki biraz vahiy değil, ama hepsini tek bir örnekte görmedim:

İşaretli tüm onay kutuları için seçici (sayfada):

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

veya

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

Yerel dosya sisteminden jQuery'yi ekleyin. Google’ın CDN 'ini kullandım ve aralarından seçim yapabileceğiniz birçok CDN de var.

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

Kod, mycheck sınıfının içindeki bir onay kutusu tıklanır tıklanmaz çalıştırılır. Mevcut tıklanan onay kutusu işaretliyse, diğerlerini devre dışı bırakacak ve geçerli olanı etkinleştirecektir. Geçerli olan işaretli değilse, tekrar kontrol etmek için tüm onay kutularını tekrar etkinleştirir.

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

Test etmek için basit form

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

Çıkış ekranı:

Enter image description here

16
Madan Sapkota

Bir input type="checkbox" öğesinin checked özelliği, defaultChecked özelliği, not ile checked özelliği ile eşlenir.

Bu nedenle, kontrol edilmemiş bir onay kutusu işaretlendiğinde sayfada bir şey yaparken, bunun yerine prop() yöntemini kullanın. Özellik değerini alır ve onay kutusunun durumu değiştikçe değişir.

Bu durumlarda attr() veya getAttribute (yalnızca JavaScript'te) kullanmak, işleri yapmanın doğru yolu değildir.

elem, ilgili onay kutusuysa, değeri almak için böyle bir şey yapın:

elem.checked

veya

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

Firefox 9.0.1’de, bir onay kutusu sonrası değişiklik durumunu yakalamak için aşağıdakilerin çalıştığını doğruladım:

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

Otomatik

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

Bu, böyle bir şeyi etkili bir şekilde yapmam gerektiğini düşündüğüm en az miktarda kod. Bu yöntemi faydalı buldum; işaretli olan onay kutularının bir dizisini döndürür ve onların değerini kullanabilirsiniz (bu çözüm jQuery kullanır):

// 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 + ", ";
};

"Çıktı" nın yazdırılması, değerlerinizin virgülle ayrılmış bir listesini verir.

12
Daryl H

Aynı sorunu yaşıyordum ve yayınlanan çözümlerin hiçbiri çalışmıyor gibiydi ve daha sonra bunun ASP.NET'in INPUT olan bir SPAN olarak CheckBox denetimini sağladığını, yani CheckBox ID'nin aslında bir SPAN'ın kimliği olduğunu öğrendim. bir GİRİŞ, bu yüzden kullanmanız gerekir:

$('#isAgeSelected input')

ziyade

$('#isAgeSelected')

ve yukarıda listelenen tüm yöntemler çalışmalıdır.

12
tsw_mik

Burada, başlangıç, sayfa yüklendiğinde; firefox onay kutularının durumunu hatırlar sayfayı yenilediğinizde, ancak yapmaz gösterilen/gizli öğelerin durumunu hatırlayın.

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

(bu sorudaki diğer cevapların yardımı ile)

12
Tim Abell

Bu benim geçici çözümümdü:

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

Basitçe aşağıdaki gibi kullanın

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

Kullanın:

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

Bağlam dışı seçerken, onay kutusuna erişmek için [0] seçeneğine ihtiyacınız olduğunu unutmayın.

9
Richard Maxwell

Saf JavaScript kullanarak

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

Aslında change olayını tercih ederim.

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

Demo Fiddle

8
Tarion

Bunu dene,

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

JQuery 1.11.1 kullanıyorum ve onay kutusu değerini de ayarlama ve okuma konusunda sorun yaşadım.

Sonunda bu iki fonksiyonla çözdüm:

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

Biraz kirli görünebilir, ancak farklı tarayıcı türleri arasında sahip olduğum tüm kablolu sorunları çözer.

7
Jacob

Bir seçici birden fazla nesne döndürür ve dizideki ilk öğeyi almalıdır:

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

Peki ya bu çözüm?

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

Bu kodu deneyebilirsiniz:

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

Bir onay kutusunun işaretlenmiş özelliğini kontrol etmem ve jQuery kullanarak işaretlenmiş özelliğe göre bir eylem gerçekleştirmem gerekiyor.

E.X -

1) Yaş onay kutusu işaretliyse, onay kutusu değerini almak için Yükü Çalıştır'ı seçin, daha sonra yaş girmek için bir metin kutusu göstermem gerekiyor, aksi halde metin kutusunu gizlemeliyim.

2) yaş onay kutusu işaretliyse, yaş girmek için bir metin kutusu göstermem gerekiyor, aksi takdirde onay kutusunu tıklatarak metin kutusunu gizleyin.

bu yüzden kod varsayılan olarak yanlış döndürmez:

Takip etmeyi dene:

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

İşte değiştirilmiş bir versiyonudur: https://jsfiddle.net/sedhal/0hygLtrz/7/

3
sedhal soni

Bir onay kutusunun yalnızca javascript işaretini kontrol edip etmediğini bilmeniz gerekiyorsa, bu kodu kullanmanız gerekir.

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

JQuery'nin eski sürümleri için aşağıdakileri kullanmak zorunda kaldım.

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

CSS sınıfını jQuery seçici olarak kullanmanız gerekirse, aşağıdakileri yapabilirsiniz:

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

checkboxes ve radioboxes için de iyi çalışır.

1
Developer

Bu fonksiyon alternatif ve kararlıdır:

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

Örnek:

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

Saf js onay kutusu durumunda okumak kolaydır

isAgeSelected.checked
function check() {
  txtAge.style.display= isAgeSelected.checked ? 'block':'none';
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

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

<button onclick="check()">Check</button>

<div id="txtAge" style="display:none">
Age is selected
</div>
0
Kamil Kiełczewski
if($('#isAgeSelected').prop('checked')) {
    // do your action 
}
0
Vikash

Onay kutusunun işaretli olup olmadığını kontrol etmek için lütfen kodu aşağıda deneyin

$(document).ready(function(){

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

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

});

});

0
Javed Khan