Açılış radyosunda yalnızca bir seçenek belirleyin

radyo seçimim için kodum aşağıdadır:

           <div id="box" class="col-md-4">
                <div class="panel panel-default">
                   <div class="panel-heading" id="ph">
                      

Title

                   </div>
                   <div class="panel-body">
                        <div class="radio">
                            
                            
                        </div>
                       <button class="btn btn-success" onclick="">Apply</button>
                   </div>
                </div>
            </div>

İkisinden sadece bir seçenek seçebilmemiz için nasıl yapmamız gerekir? Şu anda her iki seçeneği de seçebiliyorum.

2
Her ikisi için de aynı ad özelliğini kullanın
katma yazar A. Wolff, kaynak

6 cevap

Radyo düğmeleri için adlar aynı olmalıdır -

<div id="box" class="col-md-4">
<div class="panel panel-default">
    <div class="panel-heading" id="ph">
        

Title

    </div>
    <div class="panel-body">
        <div class="radio">
            
            
        </div>
        <button class="btn btn-success" onclick="">Apply</button>
    </div>
</div>
7
katma

Her iki radyo düğmesine aynı ad özelliğini ekleyin

Edited:

<input type="radio" name="number">Any number 

<input type="radio" name="number">Any other number 
2
katma
Lütfen cevabınızı açıklayabilir misiniz?
katma yazar Mohit Jain, kaynak
Bir radyo girişinde, ismi gruplandırmak için aynı tutmanız ve o gruptan yalnızca birini seçmeniz gerekir.
katma yazar Kushal, kaynak

Her iki radyo düğmesi için aynı adı atayın

2
katma

Radyo düğmesini kullanırken, bunları örneğin; senin durumunda name = "anynum" bu, her iki düğmeyi de seçmenizi engeller

1
katma

Bir radyo düğmesine tıkladığınızda, kontrol edilir, ve aynı ada sahip diğer tüm radyo düğmeleri denetlenmez

<div id="box" class="col-md-4">
            <div class="panel panel-default">
               <div class="panel-heading" id="ph">
                  

Title

               </div>
               <div class="panel-body">
                    <div class="radio">
                    <div class="btn-group">
                        
                        
                    </div>
                    </div>
                   <button class="btn btn-success" onclick="">Apply</button>
               </div>
            </div>
        </div>
1
katma

input etiketine name niteliğini ekleyin ve radyo düğmelerinizin aşağıdaki gibi bir grup yapmaları için aynı ad değerine sahip olmaları gerekir

<div id="box" class="col-md-4">
    <div class="panel panel-default">
       <div class="panel-heading" id="ph">
          

Title

       </div>
       <div class="panel-body">
            <div class="radio">
                
                
            </div>
           <button class="btn btn-success" onclick="">Apply</button>
       </div>
    </div>
</div>
1
katma