Jquery 无线电输入选择器
我有一个测验应用程序,我使用自定义单选按钮(使用CSS)来回答问题,但如果答案正确或不正确,我想更改单选按钮的颜色。我需要找到如何在jQuery上使用这个CSS选择器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
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状态吗?下面是代码,我可以改变标签的颜色,但不能改变圆和点的颜色