请教个label切换问题

现在页面上有两个radio button，一个A，一个B。
我想选中A的时候，label1显示AA，选中B的时候label1显示BB。
大致就是这样，请大家指教

解决方案 »

  1.   


    <html>
    <head></head>
    <body>
    <label id="ll">***</label>
    <input type="radio" name="R1" onclick="document.getElementById('ll').innerHTML='AA'">A
    <input type="radio" name="R1" onclick="document.getElementById('ll').innerHTML='BB'">B
    </body>
    </html>
      

  2.   

    var radioA = document.getElementById("radioA");
    var lable1 = document.getElementById("lable1");
    lable1.innerHTML = "AA";
      

  3.   


    <html>
        <head>
            <title>javascript7</title>
            <script type="text/javascript" src="js/jquery-1.2.6.js"></script>
            <script type="text/javascript">
                $(document).ready(function(){
                    $("#male").click(function(){
                        $("#label1").text("AA");
                        $("#label2").text("");
                    });                $("#female").click(function(){
                        $("#label2").text("BB");
                        $("#label1").text("");
                    });
                });
            </script>
        </head>
        <body>
            <div>
                <label id="label1"></label>
                <input type="radio" name="sex" id="male">
                <br/>
                <label id="label2"></label>
                <input type="radio" name="sex" id="female">
            </div>
        </body>
    </html>