SysBlog

Problem:

Kako dobiti value odabranog radio buttona?

Rješenje:

<input name="grupa" type="radio" value="pero"/>
<input name="grupa" type="radio" value="slavko" checked/>
<input name="grupa" type="radio" value="mirko"/>

var ime= $("input[@name=grupa]:checked").val();

ili

var ime= $('input:radio[name=grupa]:checked').val();

ime je “slavko”

isto tako, ako nas zanima da li je radio  uopće čekiran tada:

if($('input:radio[name=grupa]:checked').val()){

 //ako je čekiran tada nešto...

}

Problem: kako prekinuti each loop

Rješenje:

return false;

tj.

$('.klasa').each(function(){

 var id= $(this).attr('id');
  if(id=='pero'){
   return false;
  }
});

Dakle, ovo vrti sve elemente s klasom .klasa i stane sa vrtnjom kad naiđe na neki čiji je id = pero

Problem: disejblati element ili grupu njih

Rješenje:

$(".klasa").prop('disabled', true);
$(".klasa").prop('disabled', false);

ili

$(".klasa").attr('disabled','disabled');

Problem:

Kreirati element, npr. div kroz javascript

Rješenje:

var mojDiv= document.createElement("div");
 mojDiv.id = "testDiv";
 mojDiv.style.display = "none";

... ostali parametri koji nam trebaju ...

document.body.appendChild(mojDiv);

Problem:

Kako pozvati funkciju “unutar jquery-a” iz javascripta koji nije “unutar jquery-a”?

Rješenje:

Pa zapravo je prvo potrebno definirati što znači “unutar jquery-a”?

ako pod time mislimo na neku funkciju koja se nalazi unutar

$(function() {

 });

ili

$(document).ready(function(){

 });

onda, koliko znam, nikako.

ALI!

Mnogi pogrešno misle da se jquery može koristiti samo unutar gore navedenog koda. Gore navedeni kod je samo funkcija koja se izvršava “when dom is ready”.

dakle, npr, ovo će raditi:

$(function() {

 });

function test(){

alert($('#pero').html());

}

<div onclick="test()" id="pero">Proba</div>

Klikom na tekst ‘Proba’ okida se funkcija koja alerta html elementa ‘pero’.  A ta funkcija test() nije “unutar jquery-a” (kako smo to pogrešno nazvali).

splice() omogućuje dodavanje i micanje jednog ili više elemenata iz javascript arraya s neke određene pozicije.

sintaksa: array.splice(pozicija,koliko maknuti,element 1 za dodati ,…,element x za dodati);

npr:

var slova= ["a", "b", "c", "d"];

—————————————————————–

da bi maknuli “c” stavit ćemo:

var slova= ["a", "b", "c", "d"];
slova.splice(2,1);

… gdje je 2= redni broj elementa (index… počinje od nula…) kojeg želimo maknuti, a 1= broj elemenata koje želimo maknuti, u ovom slučaju samo jedan…

slova sad izgledaju: ["a", "b", "d"]

—————————————————————–

da bi dodali “ć” i “č” stavit ćemo:

var slova= ["a", "b", "c", "d"];
slova.splice(3,0,"ć","č");

… 3 je pozicija na koju želimo staviti ć i č, 0 je broj elemenata koje pri tome mičemo, dakle niti jedan…

slova sad izgledaju: ["a", "b","c","ć", "č", "d"]

—————————————————————–

da bi “b” zamijenili sa “x” stavit ćemo:

var slova= ["a", "b", "c", "d"];
slova.splice(1,1,"x");

… dakle, na poziciji jedan makni jednog i stavi x…

slova sad izgledaju: ["a", "x","c", "d"]

Provjera je li checkbox čekiran ili ne:

$('input[name=x]').is(':checked');
$('input[name=y]').attr('checked');

rezultat je true/false...

Promjena statusa checkboxa:

$('input[name=x]').attr('checked', true); //čekiramo ga
$('input[name=x]').attr('checked', false); //ne čekiramo ga

ili
$('input[name=x]').prop('checked', true);
$('input[name=x]').prop('checked', false);
ima li selektiranih?  var broj_selektiranih = $(".mojCheckbox:checked").length;