无线电输入选择器

时间:2015-09-22 20:54:02

标签: jquery jquery-selectors css-selectors radio-button

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

override func isEqual(object: AnyObject?) -> Bool {
    if let object = object as? A {
        return object.h == self.h
    } else  {
        return false
    }
}

这是我的功能

input[type=radio]:checked ~ .check

input[type=radio]:checked ~ .check::before

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

2 个答案:

答案 0 :(得分:0)

只需给他们上课,然后使用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');
    }
});

检查fiddle,看看它是否是您想要的

答案 1 :(得分:0)

在类似的情况下,我在添加需要之前删除了冗余类。如果我在你的位置,我会尝试使用类似下面的内容

$("输入[name =' selector']:已选中")。removeClass("不正确"); $("输入[name ='选择器']:已选中")。addClass("更正");