在单选按钮上更改jquery中按钮的颜色

时间:2015-03-12 04:03:35

标签: javascript jquery css

Q1 A O B O C O D O

 1   2

' - >当我从Q1中选择任何单选按钮时,按钮的颜色为' 1'和按钮' 2'必须改变图像中的shwon ......

enter image description here

<!DOCTYPE html>

<html>
    <head>
        <style>
            .ButtonClicked {
                background-color:red;
            }
        </style>
        <script src="jquery-2.1.3.js"></script>
        <script>
            $(document).ready(function () {
                $(document).on('change', 'input[name="groupA"]:radio', function () {
                    // alert($(this).val());
                    $(#btn1).addClass('ButtonClicked');
                });
            });
        </script>
    </head>
    <body>
        Q1 <input type="radio" id="radio1a" name="groupA" value="1">
        <input type="radio" id="radio2a" name="groupA" value="2">
        <input type="radio" id="radio3a" name="groupA" value="3">
        <input type="radio" id="radio4a" name="groupA" value="4">
        <br>
        <button id="btn1">1</button>
        <button id="btn2">2</button>
    </body>
</html>

当尝试上面的代码按钮1颜色没有改变时不知道我做错了什么..

编辑: 我忘记了$(#btn1)中的引号,谢谢..

1 个答案:

答案 0 :(得分:1)

你忘了引号试试这个

 $("#btn1").addClass('ButtonClicked');