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

Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni 27.05.2013. u 17:44 · pre 163 meseca #1

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 :).

Potpis

Rodjendanske Čestitke
Imena za bebe

Re: Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni 28.05.2013. u 19:00 · pre 163 meseca #2

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

Re: Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni 28.05.2013. u 21:21 · pre 163 meseca #3

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.

Re: Kako napraviti da se checkbox-ovi ponašaju kao radio buttoni 04.06.2013. u 14:55 · pre 163 meseca #4

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

Potpis

Rodjendanske Čestitke
Imena za bebe

Forum kao aplikacija na telefonu

Srodne teme