Javascript 在同一组中有不同外观的单选按钮

我有几组单选按钮。我想改变一个组中只有几个单选按钮的外观，其余的就像单选按钮一样。是否有一些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中工作的解决方案。谢谢

更新： 在阅读标签标签和css显示属性时，在w3schools获得了一个解决方案 对于每个div中的第三个单选按钮，我在本例中为其分配了一个id{rad[0]，rad[1]}，并使用label指向该id。在（label）“For”之后是我们分配标签的html元素的“id”

<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"/>, 

，

---

在开始标签和结束标签标签之间使用

。

是的，您可以更改组中只有几个单选按钮的外观，其余按钮与单选按钮一样

      radio=document.getElementByName("radgrp1");

然后将您的设置应用于任何单选按钮

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

---

您可以使用伪元素来实现，但这对僵尸浏览器没有帮助。别忘了使用标签来实现可访问性。这是选择的良好开端，但如何将元素重新设置为按钮？document.getElementById（id）.style.property=new style谢谢。不过，答案中应该包含代码。：-）谢谢，请详细解释一下。