0

サンプル テキストに下線を引くチェックボックスの変更イベントが必要です。しかし、それは機能していません。私はそれにフィドルを追加しました。

$(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/

4

2 に答える 2

3

セレクターが間違っています:$('.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

于 2013-08-08T16:30:10.827 に答える