JQuery'de bir onay kutusunun i┼čaretli olup olmad─▒─č─▒ nas─▒l kontrol edilir?


Al─▒nan cevaba git


checked Bir onay kutusunun ├Â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 false varsay─▒lan olarak d├Âner :

 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 ├ľzelli─či nas─▒l ba┼čar─▒l─▒ bir ┼čekilde sorgulayabilirim ?


4355









Cevap say─▒s─▒n─▒ say: 30






Checked ├Âzelli─čini nas─▒l ba┼čar─▒l─▒ bir ┼čekilde sorgulayabilirim?

checked Bir onay kutusu DOM ├Â─česinin ├Âzelli─či size verecektir checked eleman─▒n durumunu.

Mevcut kodunuz g├Âz ├Ân├╝ne al─▒nd─▒─č─▒nda, ┼čunu yapabilirsiniz:

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

Ancak, bunu yapman─▒n ├žok daha g├╝zel bir yolu var 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> 


3329







JQuery's is () i┼člevini kullan─▒n :

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

1757







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
}
 

536







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 gider Xian .


218







Bunu kullan─▒yorum ve bu kesinlikle iyi ├žal─▒┼č─▒yor:

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

Not: E─čer onay kutusu i┼čaretliyse, do─čru de─čilse tan─▒ms─▒z d├Âner, bu nedenle "DO─×RU" de─čerini kontrol edin.


161







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 


143







JQuery 1.6'dan beri, davran─▒┼č─▒ jQuery.attr() de─či┼čti ve kullan─▒c─▒lar─▒n bir ├Â─čenin i┼čaretlenmi┼č durumunu almak i├žin kullanmamalar─▒ te┼čvik edildi. Bunun yerine, kullanman─▒z gerekir jQuery.prop() :

 $("#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")
 

115







Bu benim i├žin ├žal─▒┼čt─▒:

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

isAgeSelected Kontrol├╝n kimli─či nerede .

Ayr─▒ca, @ karim79'─▒n cevab─▒ iyi ├žal─▒┼č─▒yor. Test etti─čim zaman neyi ├Âzledi─čimden emin de─čilim.

Not, bu cevap JQuery de─čil Microsoft Ajax kullan─▒r.


93







Jquery'nin g├╝ncellenmi┼č bir s├╝r├╝m├╝n├╝ kullan─▒yorsan─▒z .prop , sorununuzu ├ž├Âzme y├Ântemine gitmelisiniz :

$('#isAgeSelected').prop('checked') true i┼čaretliyse ve false i┼čaretlenmezse geri d├Âner . Bunu onaylad─▒m ve daha ├Ânce bu sorunla kar┼č─▒la┼čt─▒m. $('#isAgeSelected').attr('checked') ve durum i├žin de─čerli bir cevap olmayan $('#isAgeSelected').is('checked') , geri d├Ân├╝yor undefined . 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







Kullan─▒lmas─▒ Click olarak onay kutusu ├Âzelli─či i├žin olay i┼čleyicisi, g├╝venilmez checked m├╝lkiyet olay i┼čleyicisi kendisi y├╝r├╝t├╝l├╝rken de─či┼čtirebilirsiniz!

─░deal olarak, kodunuzu change her onay kutusunun de─čeri de─či┼čti─činde (bu i┼člemin nas─▒l yap─▒ld─▒─č─▒ndan ba─č─▒ms─▒z olarak) ba┼člat─▒ld─▒─č─▒ gibi bir olay i┼čleyicisine koymak istersiniz .

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

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

58







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.


57







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. Daha sonra, onay kutusu onchange olay─▒na, onay kutusunun i┼čaretlenip i┼čaretlenmedi─čini kontrol eden ve hidden ya┼č metin alan─▒n─▒n ├Âzelli─čini uygun ┼čekilde ayarlayan bir i┼člev atars─▒n─▒z . Bu ├Ârnekte ├╝├žl├╝ operat├Âr├╝ kullanarak.

─░┼čte bunu test etmeniz i├žin bir keman .

ek

├çapraz taray─▒c─▒ uyumlulu─ču bir sorunsa, CSS display ├Âzelli─čini hi├žbiri ve sat─▒r i├ži olarak ayarlamay─▒ ├Âneririm .

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

Daha yava┼č ancak taray─▒c─▒lar aras─▒ uyumlu.


51







Bunu yapabilece─čine inan─▒yorum:

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

46







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.


43







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







Bu kod size yard─▒mc─▒ olacakt─▒r

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

43







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> 


41







Bu benim i├žin ├žal─▒┼č─▒yor:

 /* isAgeSelected being id for checkbox */

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

39







Bunu kullan:

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

Onay kutusu i┼čaretliyse uzunluk s─▒f─▒rdan b├╝y├╝k.


35







Bunu yapmam─▒n yolu:

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

32







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

Bu true , giri┼č kontrol false edildi─činde ve girilmedi─činde geri d├Âner .


31







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

30







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







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"
 

26







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







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, # eleman─▒ (onay kutusudur) eleman─▒n─▒n i┼člev kullan─▒larak kontrol edilip edilmedi─čini kontrol eder .attr('checked') . E─čer #saveForm ├Â─česinde fadeIn ise ve fadeOut ise saveForm ├Â─česini.


24







Bunu kullan─▒yorum:

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

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

22







E─čer sorun i├žin bir JavaScript ├ž├Âz├╝m ├Ânerdi olmas─▒na ra─čmen (a g├Âr├╝nt├╝leyen textbox bir zaman checkbox oldu─ču checked ), bu sorun ├ž├Âz├╝lebilir sadece css ile . 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 Keman .


22







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







Bunun basit olaca─č─▒n─▒ d├╝┼č├╝n├╝yorum

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

18



─░lgili yay─▒nlar


Onay kutusunun jQuery ile i┼čaretlenip i┼čaretlenmedi─čini kontrol edin

JQuery'de PUT / DELETE iste─či nas─▒l g├Ânderilir?

JQuery'de bir eleman (resim) nas─▒l yeniden y├╝klenir / yenilenir

Xcode / iOS: DEBUG / RELEASE yap─▒s─▒nda kodun ├žal─▒┼č─▒p ├žal─▒┼čmad─▒─č─▒n─▒ nas─▒l belirleyebilirim?

Var olup olmad─▒─č─▒n─▒ kontrol ettikten sonra bir dosyay─▒ silme

JQuery'deki oda─č─▒ giri┼č alan─▒ndan nas─▒l ├ž─▒karabilirim?

Jquery'deki t├╝m Click olay i┼čleyicileri nas─▒l kald─▒r─▒l─▒r

JQuery'de ÔÇťthisÔÇŁ i├žinde bir eleman nas─▒l se├žilir?

JQuery DataTable'da t├╝m sat─▒rlar varsay─▒lan olarak nas─▒l g├Âsterilir?

Kaynak nas─▒l kullan─▒l─▒r: function ()ÔÇŽ ve JQuery UI otomatik tamamlamadaki AJAX

Etiketle ilgili di─čer sorular [javascript]


Form tabanl─▒ web sitesi do─črulamas─▒ i├žin kesin k─▒lavuz [kapal─▒]

XML'deki <! [CDATA []]> ne anlama geliyor?

S├╝rekli bir ak─▒nt─▒ya nas─▒l 'grep' yap─▒l─▒r?

Kod-birinci Model / Veritaban─▒-ilk [kapal─▒]

M├╝kemmel JPA varl─▒─č─▒n─▒ yarat─▒n [kapal─▒]

. NET'te CultureInfo'n─▒n CurrentCulture ile CurrentUICulture ├Âzellikleri aras─▒ndaki fark nedir?

T├╝m alt g├Âr├╝n├╝mler kald─▒r─▒ls─▒n m─▒?

Dos2unix'i t├╝m dizinde nas─▒l ├žal─▒┼čt─▒rabilirim?

Android Payla┼č─▒lan tercihler ├Ârne─či [kapal─▒]

scp veya sftp tek komutla birden fazla dosyay─▒ kopyalar