jquery - 复选框更改事件立即更改文本下划线

Question

我希望复选框更改事件来强调我的示例文本。但是它不起作用。我在里面加了一个小提琴。

$(document).ready(function() {
    $('.checkbox').change(function(){
        if (this.checked) {
            $('.text').css('text-decoration', 'underline')
        }
        else {
            $('.text').css('text-decorationr', 'none')
        }
        }) 
    });
});

http://jsfiddle.net/JsUWv/731/

Answer 1

选择器错误：$('.checkbox1')应该是$('#checkbox1').

$(document).ready(function() {
    $('#checkbox1').change(function(){
        if (this.checked) {
            $('.text').css('text-decoration', 'underline')
        }
        else {
            $('.text').css('text-decoration', 'none')
        }
        }) 
    });

演示：http: //jsfiddle.net/JsUWv/720/

稍后编辑：CSS如果您愿意， 这是唯一的方法：http: //jsfiddle.net/JsUWv/732/

#checkbox1:checked + .text{
    text-decoration:underline;
}

PS：我想知道这是如何修改的720

Answer 2

您过早地关闭了您的.textDIV，在 JavaScript 中有一组额外的括号，调用了错误的checkbox选择器（“#checkbox”，用于 ID），并且else条件中的“text-decoration”拼写错误......看看在此并进行比较。

http://jsfiddle.net/JsUWv/723/