Radio Buton Seçme Zorunluluğu

ccm · 28 Nisan 2017

Bir projede sistem şu: 4 farkli radio buton grubum var.

HTML:

<input type="radio" name="T13" id="T13">Nein        <input type="radio" name="T13" id="T13">JA<br/>
<input type="radio" name="T14" id="T14">Nein        <input type="radio" name="T14" id="T14">JA<br/>
<input type="radio" name="T15" id="T15">Nein        <input type="radio" name="T15" id="T15">JA<br/>
<input type="radio" name="T16" id="T16">Nein        <input type="radio" name="T16" id="T16">JA<br/>

Burada T13 butonlarından herhangi biri seçili olması gerek. T14, T15 ve T16 içinde geçerli bu kontrolü nasıl sağlarım? Yani herhangi bir kısım seçilmezse boş alan var demesini istiyorum. Bu işlem biraz farklı o yüzden HTML5 required özelliğini kullanamıyorum.

Erkan Çevik · 28 Nisan 2017

HTML:

<form name="testformu" action="#" onsubmit="return formutestet()" method="post">
    <input type="radio" name="kontrol" id="T13">Nein        <input type="radio" name="kontrol" id="T13">JA<br/>
    <input type="radio" name="kontrol" id="T14">Nein        <input type="radio" name="kontrol" id="T14">JA<br/>
    <input type="radio" name="kontrol" id="T15">Nein        <input type="radio" name="kontrol" id="T15">JA<br/>
    <input type="radio" name="kontrol" id="T16">Nein        <input type="radio" name="kontrol" id="T16">JA<br/>   
    <input type="submit" value="Gönder"><br/>
</form>

JS:

HTML:

function formutestet() {
    var radiolar = document.getElementsByName("kontrol");
    var gecerlimi = false;
    var i = 0;
    while (!gecerlimi && i < radiolar.length) {
        if (radiolar[i].checked) gecerlimi = true;
        i++;       
    }
    if (!gecerlimi){
        alert("herhangi bir seçenek işaretlenmedi.");
    };
    return gecerlimi;
}

Fahri ufmak · 29 Nisan 2017

Bu şekilde de düzenleybilirsiz ille de submit olması gerekir mi?

HTML:

<form name="testformu" action="#"  method="post">
    <input type="radio" name="kontrol" id="T13">Nein        <input type="radio" name="kontrol" id="T13">JA<br/>
    <input type="radio" name="kontrol" id="T14">Nein        <input type="radio" name="kontrol" id="T14">JA<br/>
    <input type="radio" name="kontrol" id="T15">Nein        <input type="radio" name="kontrol" id="T15">JA<br/>
    <input type="radio" name="kontrol" id="T16">Nein        <input type="radio" name="kontrol" id="T16">JA<br/>   
    <input type="button" value="Gönder" onclick="formutestet() " ><br/>
</form>

Kod:

<script type="text/javascript">
function formutestet() {
    var radiolar = document.getElementsByName("kontrol");
    var gecerlimi = false;
    var i = 0;
    while (!gecerlimi && i < radiolar.length) {
        if (radiolar[i].checked) gecerlimi = true;
        i++;       
    }
    if (!gecerlimi){
        alert("herhangi bir seçenek işaretlenmedi.");
    };
    return gecerlimi;
}
</script>

Eldar · 30 Nisan 2017

Fahri ufmak dedi:
Bu şekilde de düzenleybilirsiz ille de submit olması gerekir mi?

On submit daha doğru bir kullanımdır çünkü form gönderildiğinde o eylemleri yapıyor oysa sizin örnekte sadece o butona basıldığında scriptiniz çalışıyor yane eğer kullanıcı formu submit etmek için başka bir yol bulursa örneğin bir tuşa basarak veya başka bir script yardımıyla sizin kodlar işlem yapmaz.

Ordinaryus007 · 7 Mayıs 2017

Demek istediğini anlayamadım.

Radio Buton Seçme Zorunluluğu

ccm

Hectopat

Erkan Çevik

Kilopat

Fahri ufmak

Hectopat

Eldar

Hectopat

Ordinaryus007

Hectopat