Jquery 无线电输入选择器

Jquery 无线电输入选择器,jquery,jquery-selectors,css-selectors,radio-button,Jquery,Jquery Selectors,Css Selectors,Radio Button,我有一个测验应用程序,我使用自定义单选按钮(使用CSS)来回答问题,但如果答案正确或不正确,我想更改单选按钮的颜色。我需要找到如何在jQuery上使用这个CSS选择器 input[type=radio]:checked ~ .check input[type=radio]:checked ~ .check::before 这是我的功能 $("input[type='radio']").click(function(){ var radioValue = $("input[na

我有一个测验应用程序,我使用自定义单选按钮(使用CSS)来回答问题,但如果答案正确或不正确,我想更改单选按钮的颜色。我需要找到如何在jQuery上使用这个CSS选择器

input[type=radio]:checked ~ .check

input[type=radio]:checked ~ .check::before
这是我的功能

$("input[type='radio']").click(function(){
        var radioValue = $("input[name='selector']:checked").val();
        $("input:radio").attr('disabled',true);
        if(radioValue === correctAnswer[questionCounter - 1]){

           $("label[for='" + this.id + "']").addClass("correct");


            $("#points").empty();
            points = points + 10;
            $("#points").append("Points: " + points);

        } else {

            $("label[for='" + this.id + "']").addClass("incorrect");
            $("#correctA").append("Correct answer is: " + correctAnswerText[questionCounter - 1]);

        }
    });

我可以更改单选按钮的标签,但要更改单选按钮的颜色,我需要选择顶部的css选择器

只需给它们一个类,然后使用
onchange
事件查看它们是否被选中:

$( ".rbs" ).change(function() {
    if ($( "#rb1" ).is(':checked')) {
        $( "#rb1Lbl" ).css('color', 'green');
        $( "#rb2Lbl" ).css('color', 'red');
    } else {
        $( "#rb2Lbl" ).css('color', 'green');
        $( "#rb1Lbl" ).css('color', 'red');
    }
});

检查以查看是否需要类似的内容

在类似情况下,我在添加之前删除了冗余类。如果我在你家,我会试着用下面的方法

$(“输入[name='selector']:选中”).removeClass(“不正确”);
$(“输入[name='selector']:选中”).addClass(“正确”)

谢谢你的帮助,我的问题是获取我在jquery中发布的对象,添加类不是问题是选择对象我不确定我是否理解你的意思。你想用JQuery改变checked状态吗?下面是代码,我可以改变标签的颜色,但不能改变圆和点的颜色