Javascript / HTML灰色收音机列表?

时间:2012-10-31 19:58:01

标签: javascript input radio

有没有办法可以'灰化'html电台列表输入?我知道我实际上可以改变颜色..但我想这样做,所以无法切换单选按钮列表。我也希望它在此状态下“突出显示”或切换到特定的广播列表。

所以例如这个电台列表:

 <input type="radio" name="group2" value="Water"> Water<br />
 <input type="radio" name="group2" value="Lemonade"> Lemonade<br />
 <input type="radio" name="group2" value="Juice"> Juice<br />

我希望用户无法点击/更改广播列表。我希望单选按钮与'Juice'选项相关联。

这只需要与Internet Explorer兼容。

我不能使用JQuery!请不要粘贴JQuery,因为它不会帮助我!

谢谢!

2 个答案:

答案 0 :(得分:4)

只需将“已禁用”属性应用于要禁用的元素并将其“选中”为默认值。

<input type="radio" name="group2" value="Water" disabled> Water
<input type="radio" name="group2" value="Water"> Lemonade
<input type="radio" name="group2" value="Water" checked> Juice

答案 1 :(得分:2)

使用“禁用”属性禁用它。

给它一个“id”来更容易地获取它:

document.getElementById("radioButtonX").disabled = true;

(当然,如何获得对DOM节点的引用并不重要。)您可以通过将属性设置为false来重新启用该元素。当您禁用它时,您还必须设置您要选择的其他任何按钮的“已选中”属性(至true)。

如果您想使用HTML,可以使用以下属性:

<input type=radio name=whatever value=xyz disabled=disabled> <!-- or just "disabled" with no value -->