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的解决方案。谢谢

更新在阅读标签标签和 css显示属性时，在w3schools获得了解决方案对于每个div中的第三个单选按钮，我在这种情况下为其分配了一个id {rad [0]，rad [1]}，并使用label指向该id。之后（标签）“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"/>,

在开始和结束标签代码之间使用<img src="yourimage.png">。

Answer 1

是的，您可以更改组中仅有少数单选按钮的外观，并像单选按钮一样休息。

      radio=document.getElementByName("radgrp1");

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

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

在同一组内具有不同的单选按钮外观

1 个答案: