Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni

[es] :: Javascript i AJAX :: Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni

[ Pregleda: 1661 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Kondenzator
Studiram
BiH

Član broj: 273610
Poruke: 22
89.146.176.*

Sajt: www.rodjendanskecestitke...


Profil

icon Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni27.05.2013. u 16:44 - pre 132 meseci
Pozdrav svima,

Imam ovaj dio koda:

Code:
$.each($("input[name=move_cbox][type='checkbox']"), function(key, checkbox) {
                        var isChecked = $(checkbox).attr("checked");
                            if (isChecked)
                                {
                                    console.log("Checked");
                                }
                             if( !isChecked )
                                 {
                                     console.log("Unchecked");
                                 }
});


Dio koda iznad se poziva u funkciji koja se trigeruje nakon promjene vrijednosti checkbox-a. Radi perfektno console.log tj. imam 5 redova u tabeli i na pocetku su svi inicijalno uncheckovani.
Kad kliknem na jedan od checkbox-ova jednom mi se ispiše 'Checked' i četiri puta 'Unchecked'.

Ono što meni treba je da doradim kod iznad i da se moj checkbox ponaša kao radio button s tim da ima još jednu mogućnost, a to je da uncheckiram checkirani checkbox (što radio button kao što svi znamo nema).

Bilo kakva pomoć je dobro došla :).


 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-12.sezampro.rs.



+33 Profil

icon Re: Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni28.05.2013. u 18:00 - pre 132 meseci
Ako imaš te checkbox-ove pod npr. ovim selektorom: input[type="checkbox"], onda bi taj kôd izgledao ovako nekako:
Code:
var $checkBoxes = $('input[type="checkbox"]');
$checkBoxes.click(function() {
    var $this = $(this);
    if ($this.is(':checked')) {
        $checkBoxes.not($this).removeAttr('checked'); //Reset-uj ostale
    }
});



[Ovu poruku je menjao Nikola Poša dana 28.05.2013. u 21:20 GMT+1]
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-12.sezampro.rs.



+33 Profil

icon Re: Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni28.05.2013. u 20:21 - pre 132 meseci
Evo napravio sam i Fiddle za taj primer iz prethodnog post-a, pa možeš probati i na "živo" kako to radi: http://jsfiddle.net/z8D5s.
 
Odgovor na temu

Kondenzator
Studiram
BiH

Član broj: 273610
Poruke: 22
31.176.192.*

Sajt: www.rodjendanskecestitke...


Profil

icon Re: Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni04.06.2013. u 13:55 - pre 132 meseci
Citat:
Nikola Poša:
Ako imaš te checkbox-ove pod npr. ovim selektorom: input[type="checkbox"], onda bi taj kôd izgledao ovako nekako:
Code:
var $checkBoxes = $('input[type="checkbox"]');
$checkBoxes.click(function() {
    var $this = $(this);
    if ($this.is(':checked')) {
        $checkBoxes.not($this).removeAttr('checked'); //Reset-uj ostale
    }
});



[Ovu poruku je menjao Nikola Poša dana 28.05.2013. u 21:20 GMT+1]



Hvala ti :). Fercera..
 
Odgovor na temu

[es] :: Javascript i AJAX :: Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni

[ Pregleda: 1661 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.