Имея разный вид переключателей в пределах одной группы

Question

У меня есть несколько групп переключателей. Я хотел бы изменить внешний вид только нескольких переключателей в группе и отдохнуть так же, как переключатели. Есть некоторые Javascript или JQuery для него ...

<div id = "radio1"> 
<p>Do you like to walk?</p> 
<input type="radio" value="a" name="radgrp1"/> Yes <br /> 
<input type="radio" value="b" name="radgrp1"/> No <br /> 
<input type="radio" value="c" name="radgrp1"/> Clear <br /> 
</div> 

<div id = "radio2"> 
<p>Would you prefer to walk without effort?</p> 
<input type="radio" value="a" name="radgrp2"/> Yes <br /> 
<input type="radio" value="b" name="radgrp2"/> No <br /> 
<input type="radio" value="c" name="radgrp2"/> Clear <br /> 
</div> 

В коде выше я предпочел бы третий вариант радио в каждой появиться как обычная кнопка, сохраняя при этом первый и второй в качестве радио-кнопок. Ищете решение, которое работает в Internet Explorer 6. Благодаря

UPDATE: Получил решение в W3Schools, читая о маркирующие и CSS дисплей свойства Для кнопки третьего радио в каждом DIV, я назначил ему id {rad [0], rad [1]} в этом случае и использовал ярлык, чтобы указать на этот id. Что происходит после (Label) «for» - это «id» элемента html, которому мы присваиваем метку.

<div id = "radio1"> 
<p>Do you like to walk?</p> 
<input type="radio" value="a" name="radgrp1"/> Yes <br /> 
<input type="radio" value="b" name="radgrp1"/> No <br /> 
<input type="radio" value="c" name="radgrp1"id="rad[0]" style="display:none;"/> 
<label for="rad[0]"><input type ="button"value="Clear"/></label> 
</div> 

<div id = "radio2"> 
<p>Would you prefer to walk without effort?</p> 
<input type="radio" value="a" name="radgrp2"/> Yes <br /> 
<input type="radio" value="b" name="radgrp2"/> No <br /> 
<input type="radio" value="c" name="radgrp2"id="rad[1]" style="display:none;"/> 
<label for="rad[1]"><input type ="button"value="Clear"/></label> 
</div> 

Я использовал кнопки в качестве метки для переключателей, но изображения тоже могут быть добавлены одинаково. Вместо

<input type ="button"value="Clear"/>, 

использования <img src="yourimage.png"> между тегами метки открытия и закрытия.

Answer 1

Да, вы можете изменить внешний вид только нескольких переключателей в группе и отдохнуть так же, как переключатели.

 radio=document.getElementByName("radgrp1"); 

, а затем применить настройку для любой кнопки радио

 radio[0]------>for first radio buton 
     radio[1]------>for second 
     radio[2]------>for third