javascript - クリック時にラジオボタンのCSSを変更する方法

Question

<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() のコードは何ですか?ラジオボタンをクリックすると、ラジオの背景が緑などの他の色に変わります。助けてください、解決策なしで何時間もオンラインで探しました。

Answer 1

これを行う方法の簡単な jQuery の例を次に示します。

http://jsfiddle.net/NuzpR/

Answer 2

function changecss() {
    var rb = document.getElementsByClassName('radiostyle');
    rb[0].style.backgroundColor = 'red';
}​

jsFiddle の例

Answer 3

これはあなたを助けるはずです。

• 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>