Div olarak Radyo HTML5 CSS Önyükleme 3

Question

Önyükleme penceresinde 3. olarak radyo düğmesini kullanmaya çalışıyorum. Sonuç: Bir kullanıcı div etiketini tıkladığında, tüm div etiketi vurgulanır. İşte codepen link: http://codepen.io/parthshah000/pen/pyRMdQ

<div class="row"> 
<div class="col-sm-3"> 
    <a href=""> 
     <img class="img-circle" src=" http://placehold.it/42x42" alt="" /> 
     <span>Title</span> 
     <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 
    </a> 
</div> 
<div class="col-sm-3"> 
    <a href=""> 
     <img class="img-circle" src=" http://placehold.it/42x42" alt="" /> 
     <span>Title</span> 
     <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 
    </a> 
</div> 
<div class="col-sm-3"> 
    <a href=""> 
     <img class="img-circle" src=" http://placehold.it/42x42" alt="" /> 
     <span>Title</span> 
     <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 
    </a> 
</div> 
<div class="col-sm-3"> 
    <a href=""> 
     <img class="img-circle" src=" http://placehold.it/42x42" alt="" /> 
     <span>Title</span> 
     <input type="radio" name="inlineRadioOptions" id="inlineRadio4" value="option4"> 
    </a> 
</div> 

Answer 1

Sadece <label> s için <a> etiketleri takas ve onlara cursor: pointer vermek:

Burada ulaşmak istediğiniz şeyi inanıyorum ile codepen bir düzenleme bu. Voilà, bakınız: http://codepen.io/anon/pen/LNxwXR

Answer 2

Sorunuz tam olarak belli değil, o yüzden biraz tahmin gerekebilir.

Belirli bir div herhangi bir yeri tıklayın ve içindeki radyo düğmesini etkinleştirmek sonra <label ...> da girdi sarın ve çapa (<a>) etiketi kaldırmak için arıyorsanız. Bu, bu radyo düğmelerinin bir yerle bağlantı kurmasını istemediğinizi varsayar, ancak yine de niyet çok belirsizdir.

Genel kural olarak, bir div, nasıl göründüğünü ve göründüğünü tanımlamanız için boş bir tuval olan bir html öğesidir. Bağlantı etiketleri, DOM'deki işlevlerinde çok özel bir role sahiptir. http://codepen.io/anon/pen/MyJNPd