Çözüldü CSS farklı listelerde ki Radio'lar aynı listede gibi hareket ediyor

hayl0s · 18 Aralık 2022

Merhaba, iki farklı liste oluşturdum ve iki listeye de farklı maddeler yerleştirdim. Fakat aşağıda verdiğim halden;

Bu hale geliyor;

İki listeden hangisinden seçim yaparsam diğer listeden kalkıyor ve son seçtiğim işaretli kalıyor. Fakat ben ikisinin de ayrı ayrı seçimi olsun istiyorum. Ne yapmam lazım?

kaan.w · 19 Aralık 2022

HTML:

<form>
  <input type="radio" value="value1" name="grup1">
  <input type="radio" value="value2" name="grup1">

  <hr>

  <input type="radio" value="value1" name="grup2">
  <input type="radio" value="value2" name="grup2">
  <input type="radio" value="value3" name="grup2">
</form>

Böyle yapabilirsin. fieldset kullanmak zorunlu değil.

kaan.w · 18 Aralık 2022

HTML:

<form>
  <fieldset id="grup1">
    <input type="radio" value="value1" name="grup1">
    <input type="radio" value="value2" name="grup1">
  </fieldset>

  <fieldset id="grup2">
    <input type="radio" value="value1" name="grup2">
    <input type="radio" value="value2" name="grup2">
    <input type="radio" value="value3" name="grup2">
  </fieldset>
</form>

Bu şekilde yapın. Setler için ortak name kullanarak.

hayl0s · 19 Aralık 2022

kaan.w dedi:

HTML:

<form>
 <fieldset id="grup1">
 <input type="radio" value="value1" name="grup1">
 <input type="radio" value="value2" name="grup1">
 </fieldset>

 <fieldset id="grup2">
 <input type="radio" value="value1" name="grup2">
 <input type="radio" value="value2" name="grup2">
 <input type="radio" value="value3" name="grup2">
 </fieldset>
</form>

Bu şekilde yapın. Setler için ortak name kullanarak.

Hocam küme şeklinde göstermesini istemiyorum, kötü duruyor. Borderı nasıl kaldırabilirim?

kaan.w · 19 Aralık 2022

HTML:

<form>
  <input type="radio" value="value1" name="grup1">
  <input type="radio" value="value2" name="grup1">

  <hr>

  <input type="radio" value="value1" name="grup2">
  <input type="radio" value="value2" name="grup2">
  <input type="radio" value="value3" name="grup2">
</form>

Böyle yapabilirsin. fieldset kullanmak zorunlu değil.

Çözüldü CSS farklı listelerde ki Radio'lar aynı listede gibi hareket ediyor

Ayrıntılı düzenleme

hayl0s

Hectopat

kaan.w

kaan.w

Megapat

hayl0s

Hectopat

kaan.w

Megapat

Benzer konular