Zihni Özgürlük

Arama Sonuçları ‘radio’

Javascript ile seçilen radio düğmesini bulma

Tem 27th, 2010
yazar admin.
Henüz yorum yapılmamış

Javascript ile işaretlenen radio düğmesini bulma veya işaretlenip işaretlenmediğini kontrol etme:

Formumuz aşağıdaki gibi olsun:

<form name="formum">
 <input type="radio" name="kitap" value="Da Vinchi Şifresi" />Da Vinchi Şifresi<br />
 <input type="radio" name="kitap" value="Melekler ve Şeytanlar" />Melekler ve Şeytanlar<br />
 <input type="radio" name="kitap" value="Dijital Kale" />Dijital Kale<br />
 <input type="radio" name="kitap" value="Kayıp Sembol" />Kayıp Sembol<br />
 <input type="button" value="seç" onclick="kontrol()">
</form>

Seçilen kitabı bulan kod:

function kontrol(){
var secim = false;
var radObje = document.formum.kitap;
for(i=0; i < radObje.length; i++){
if(radObje[i].checked == true){
var secilenKitap = radObje[i].value;
secim = true;
}
}
 
if(secim == true){
alert('Seçtiğiniz kitap:' + secilenKitap);
}else{
alert('Bir kitap seçmediniz!');
}
}

Seçili olan radio dügmesini bulmak

Şub 10th, 2007
yazar Zihni.
Henüz yorum yapılmamış

Aşağıdaki gibi bir belgemiz olsun.

<form id="myForm">
<input name="myRadio" type="radio" value="Vadideki Zambak" />
<input name="myRadio" type="radio" value="Su Çılgın Türkler" />
<input checked="checked" name="myRadio" type="radio" value="Bozkırkurdu" />
</form>

Seçili olan radio düğmesini bulalım ve değerini yazdıralım.

1
2
3
4
5
6
7
8
9
10

<script type="text/javascript"> 
var theForm = document.getElementById("myForm"); 
for(i = 0; i < theForm.myRadio.length; i++) 
{ 
if(theForm.myRadio[i].checked == true){ 
document.write(theForm.myRadio[i].value); 
} 
} 
</script> 
Çıktı: Bozkırkurdu