-4 
<style type="text/css">
.radiostyle {
    background-color: #999;
}
</style>

<label for="a1" class="radiostyle">
<Input type = radio Name = 1 Value = 100 Onclick="changecss()" id="a1">
100 bucks</label>

函数 changecss() 的代码是什么，以便在单击单选按钮时，单选背景更改为其他颜色，例如绿色。请帮忙，我在网上找了几个小时没有解决方案。

4

5 回答 5

6

您可以使用仅 CSS 解决方案 (CSS3)：

HTML：

<input type="radio" name="1" value="100" id="a1">
<label for="a1" class="radiostyle">100 bucks</label>

CSS：

.radiostyle {
    background-color: #999;
}
input[type=radio]:checked+label {
/* Or `#a1:checked+label` if you only want it for that input */
    background-color: red;
}

http://jsfiddle.net/peSJG/

于 2012-09-10T14:38:09.663 回答
2

这是一个快速的 jQuery 示例，说明如何做到这一点：

http://jsfiddle.net/NuzpR/

于 2012-09-10T14:32:29.150 回答
1 
function changecss() {
    var rb = document.getElementsByClassName('radiostyle');
    rb[0].style.backgroundColor = 'red';
}​

jsFiddle 示例

于 2012-09-10T14:30:52.443 回答
0

如果您使用的是 Jquery，您可以这样做：

$("#a1").click(changecss);

function changecss()
{
 $(this).parent().removeClass("radiostyle").addClass("selectedStyle");
}​

对于直接 javascript，其中 selectedStyle 定义了您的样式：

function changecss()
{
    this.parentNode.setAttribute("class", "selectedStyle");
}
于 2012-09-10T14:33:52.880 回答
0

这应该可以帮助你..

  • 你必须使用 id 属性
  • 使用获取该元素getElementById()
  • 现在更改您喜欢的属性

.radiostyle { 背景颜色：#999; } .radiostyle1 { 背景颜色：#ffff; }

<script type="text/javascript">
    function changecss()
    {
        var e= document.getElementById("a1");
        e.className="radiostyle1";
    }
</script>



 <label for="a1" id="a1" class="radiostyle">
    <Input type ="radio" id="r1" Name ="r1" Value = 100 Onclick="changecss()" id="a1">
    100 bucks
</label>
于 2012-09-10T14:48:10.337 回答