Konular

Jquery ile Form İşlemleri

Jquerynin bize sağlıcağı en büyük kazanç şüpesiz farklı browserlar için tek kod kullanmak.
Jquery ile Form İşlemleri

Aşağıdaki gibi formumuz olsun:

<select id="single">
    <option>Single</option>
    <option>Single2</option>
</select>

<select id="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
</select>
 

Yukardaki gibi bir yapı için:

$('select.foo option:selected').val();                // selectlerden class adı foo olanın seçilen değerlerini alır
$('select.foo').val();                                             // selectlerden class adı foo olanın degerini alır
$('input:checkbox:checked').val();                   // checkboxlardan çekli olanın değerini alır
$('input:radio[name=bar]:checked').val();      // radio dügmelerinden name değeri bar olan ve seçili olanın değerinini alır
$('[name=bar] option:selected').val();      //  selectlerden name değeri bar olan ve seçili olanın değerinini alır

Aşağıdaki psikopat örneği inceleyebilirsiniz:

  <select id="single">
    <option>Singleoption>
    <option>Single2option>

  select>
  <select id="multiple" multiple="multiple">
    <option selected="selected">Multipleoption>
    <option>Multiple2option>

    <option selected="selected">Multiple3option>
  select>

   <script>
    function displayVals() {
      var singleValues = $("#single").val();
      var multipleValues = $("#multiple").val() || [];
      $("p").html("Single: " +
                  singleValues +
                  " Multiple: " +
                  multipleValues.join(", "));
    }

    $("select").change(displayVals);
    displayVals();

  script>
 

Radyo düğmelerinden herhangi birinin seçili olup olmadığını bulmak için:

<script type="text/javascript">
    <!--
   function Kontrol(){
        if($('input[name=cek_turu]:checked').val()>0){
            $('#cek_defteri').submit();
        }
        else alert("Lütfen Çek Türünü seçiniz");
    }
   //-->
</script>

<form name="ucret" method="post" id="cek_defteri">
    <input type="radio" name="cek_turu" value="1" style="vertical-align: bottom"> Alınan
    <input type="radio" name="cek_turu" value="2" style="vertical-align: bottom"> Verilen
    <input type="button" class="button buton1" value="Kaydet" onclick="Kontrol()" />
</form>

Tüm inputları kullanılamaz yapıp, tekrar düzeltmek için:

        if($('input[name=cek_turu]').is(":disabled")) { //Form elemanlarından biri kullanılamaz mı?
            $("#cek_defteri :input").removeAttr("disabled"); //Tüm form elemanlarından disable özelliğini kaldır
        }
        else {
            $("#cek_defteri :input").attr("disabled", true); //Tüm form elemanlarını kullanılamaz yap
        }

Formu yollak için:

$('[name=UyeGirisi]').submit();

<form name="UyeGirisi" method="post">
</form>

Radiolardan Herhangi Biri Seçilimi Anlamak İçin

$("input[name='gonderim']").is(':checked')

Dizi yapısındaki form elemanına erişmek için:

Dizi yapısı

<input type="hidden" name="times[]" value="" />
<input type="hidden" name="times[]" value="" />
<input type="hidden" name="times[]" value="" />
$('input[name="times[]"]').each(function(){
    alert($(this).val();
});

 Formu Resetlemek İçin:

$('[name=parcalar]')[0].reset()

Tüm Form Değişkenlerini Almak İçin:

$('form[name=urun_videolari]').serialize()

Checkbox checkli mi kontrolü için

$("input[name='TumunuSec']").is(':checked')
if (!$("input[name=sozlesme]").prop('checked'))

  Tüm Checkboxları seçili hale getirmek için: 

$('input:checkbox').prop('checked', true);

Select Optionslarını Silmek ve Eklemek

var Taksit = [
            [[0, 'Tek Çekim'], ['2', '2 Taksit']],
            [[0, 'Tek Çekim']],
            [[0, 'Tek Çekim']]
        ];
       
        Pos = $('select#pos_turu option:selected').index();
        $('select#taksit').children().remove(); //tum optionlari sil
       
        for (i in Taksit[Pos]) {
            $('select#taksit').append('<option id="' + Taksit[Pos][i][0] + '">' + Taksit[Pos][i][1] + '</option>');
        }

Bir Php Kodundan Dönen JSON Veriyi Optiona Eklemek

Php kod kısmı:

$Ilceler = $FN->Myq("SELECT * FROM ilceler WHERE il_id='$ilno''");
    unset($IlceDizi);
    while ($Ilc = $Ilceler->fetch_object()) {
        $IlceDizi[] = array(
            'val' => $Ilc->id,
            'text' => $Ilc->adi
        );
    }
    echo json_encode($IlceDizi);

JavaScript kısmı:

$.ajax({
    type: "GET",
    url: '/IlIlceMahalleAj.php',
    data: {ilno: IlNo},
    dataType: "json",
    cache: false,
    complete: function (response) {
        var DonenDegerler = JSON.parse(response.responseText);
        Hedef = 'select[name=ilce]';
        $(Hedef).children().remove(); //tum optionlari sil
        $.each(DonenDegerler, function(key, value) {
            $(Hedef).append(new Option(value['text'], value['val']));
        });
        /*for (i in DonenDegerler) {
            //$(Hedef).append('<option value="' + DonenDegerler[i]['val'] + '">' + DonenDegerler[i]['text'] + '</option>');
            $(Hedef).append(new Option(DonenDegerler[i]['text'], DonenDegerler[i]['val']));
        }*/
    }
}).done(function() {
});

   

 
Yorumunuzu Ekleyin

JQuerye Giriş

JQuery, Sihirli dolar ($)işağreti ve operasyonlar zinciridir. Aslında Javascript ve CSS bilginiz varsa çok hoşunuza gidebilir.

33,640 Okunma 3 Yorum 07/07/2011 18:40:09 18/02/2014 22:11:40

jQuery ve AJAX işlemleri

Bu yazıda jQuery kütüphanesi ile AJAX işlemlerinin nasıl yapıldığından bahsedeceğim. Prototype ve MooTools kütüphanelerini de kullanmış biri olarak size söyleyebilirim ki AJAX işlemlerinin en kolay ve esnek bir şekilde jQuery ile yapılabildiğini gördüm. Eminim ki yazının sonunda bu konuda bana hak vereceksiniz, çünkü gerçekten jQuery ile bir AJAX işlemi yapmak çok kolay..

28,685 Okunma Henüz yorum yapılmamış 31/10/2012 02:07:16 31/10/2012 02:07:04

Jquery Kısa Teknikler

Jquery kullanırken yardımcı olacak bir kaç detay...

21,248 Okunma Henüz yorum yapılmamış 18/08/2018 13:33:35 11/04/2020 03:22:50

JQuery Olayları (Events)

Bir nesenin tetiklenmesini sağlayan olay çeşitleri

19,364 Okunma Henüz yorum yapılmamış 15/01/2014 20:55:49

JQuery Nedir?

Jquery, javascript ile hep yapmak isteyip, karışık JS programlama dili yüzünden bir türlü yapamadığınız kodlamayı çok kolay ve hızlıca yapmanızı sağlayan javascript kütüphanesidir.Diğer bir güzel yanı da jquery ile yazılan kodun tüm popüler tarayıcılarda sorunsuz çalışmasıdır, sizin kod üzerinde tarayıcı uyumluluğu çalışması yapamanıza gerek yoktur.

19,121 Okunma Henüz yorum yapılmamış 21/06/2011 23:58:55 08/11/2014 23:59:12

JQuery Özellik Şemaları

JQuery tüm özellikleriyle bu şemalarda saklı.

18,129 Okunma Henüz yorum yapılmamış 03/12/2012 02:27:58 03/12/2012 02:30:15

jQuery Ajax File Upload

PHP ile dosya yükleme işlemi yaparken kullanıcılara Upload durumunun hangi aşamada olduğunu yüzdesel olarak veya bir progres bar ile göstermek elbette daha güzel olur.

15,772 Okunma Henüz yorum yapılmamış 03/02/2015 16:45:48 12/06/2015 18:50:46

Yükleniyor...