javascrpt atļaut tikai vienu checkbox

[anonīms]

ir 2 checkboxi delivery un delivery2. Kā ar javascript panākt, lai var ieķeksēt tikai vienu? respektīvi, ja ieķeksē vienu, tad otrs izķeksējas un otrādi? Zinu, ka te labāk būtu radio buttons, bet tāda nu ir klienta vēlme ar checkbox.

[Grey_Wolf]

ir 2 checkboxi delivery un delivery2. Kā ar javascript panākt, lai var ieķeksēt tikai vienu? respektīvi, ja ieķeksē vienu, tad otrs izķeksējas un otrādi? Zinu, ka te labāk būtu radio buttons, bet tāda nu ir klienta vēlme ar checkbox.

ar JS .. onchange...

uzraksti nelielu f-ju kas parbauda kurshi ir iekjekseets, un automaataa otru(vai preejos) izkjeksee araa..

principaa f-ja buus uz kadam 3-4 rindinjaam

P.S. tev tik daudz postu bijushi ka shadu elementaru JS risinajumu jau vareji izdomaat

[anonīms]

javascript nav mana stiprā puse.

function checkbox()
{
    if (eval("document.myform.delivery.checked") == true) {
    document.myform.delivery2.checked = false;
    document.myform.delivery.checked = true;
    }
    if (eval("document.myform.delivery2.checked") == true) {
    document.myform.delivery2.checked = true;
    document.myform.delivery.checked = false;
    }

}

 

spiežot uz delivery, kad ir ieķeksēts delivery2 viss strādā, bet, kad ir ieķeksēts delivery, tad spiežot uz delivery2 nekas nenotiek. Kur problēma?

[daGrevis]

Kāpēc eval()? O.o Ļaunums...

[mickys]

a varbūt var lietot Radio button?

 

edit: sorr, neizlasīju, kāpēc nelieto radio

Edited April 8, 2011 by mickys

[briedis]

Paskaidro lūdzu klientam, ka ja cilvēks redz čekboksu, tad viņš arī sagaidīs tam atbilstošu čekboksa uzvedību (tas ir - ļaus izvēlēties vairākus), bet ja redz radio - tad uzreiz ir skaidrs, ka šeit var izvēlēties tikai vienu. Taisīt speciāli ačgārni ir tīrā cilvēku čakarēšana (bad usability), un ja cilvēkam būs izslēgts JS, būs bēdīgi...

[anonīms]

eval tik nahrenizēts. briedi, ņem un ieskaidro viņiem to :D

Man iedod darbu, to ar darbu. Ar klientiem nerunāju personīgi

[daGrevis]

Ideja #2: Lai tie ir "radio", bet uztaisi, lai izskatās kā "check-box'i". Ar CSS (un attēliem, laikam).

[indoom]

function checkbox(){ 
if (this.checked) {
	document.myform[this.name === 'delivery' ? 'delivery2' : 'delivery'].checked = false;
}
}
window.onload = function(){
document.myform.delivery.onchange = document.myform.delivery2.onchange = checkbox;
}

Edited April 11, 2011 by indoom