JavaScriptコードはjquery 1.7.2でのみ動作します

Question

私は現在、私のブートストラップでは最新のjqueryを使用していますが、JavaScriptコードは動作しておらず、最新のjqueryです。これはjquery 1.7.2での作業ですが、ブートストラップには少なくともjquery 1.9.1が必要です。私のコードに何が間違っていますか？どの部分を変更する必要がありますか？

は、ここに私のコードです

$(document).ready(function(){ 
    $("input:radio[name='highlight']").on('change',function(){ 
    if ($('#radio7').attr("checked")){ 
     $("#additional-service").addClass('shadow'); 
    } else { 
     $("#additional-service").removeClass('shadow'); 
    } 
    }); 

    $("input:radio[name='highlight']").on('change',function(){ 
    if ($('#radio8').attr("checked")){ 
     $("#additional-service1").addClass('shadow'); 
    } else { 
     $("#additional-service1").removeClass('shadow'); 
    } 
    }); 

    $("input:radio[name='highlight']").on('change',function(){ 
    if ($('#radio9').attr("checked")){ 
     $("#additional-service2").addClass('shadow'); 
    } else { 
     $("#additional-service2").removeClass('shadow'); 
    } 
    }); 
}); 

//]]>

あなたには、いくつかのラジオ入力が確認されている天気をチェックしようとしているように見えます

Answer 1

。 あなたは、最近のjQueryのバージョンと.attr()で、あなたの代わりに.prop()を使用する必要があることを行うことはできません。エラーがコンソールに表示されている何

$(document).ready(function() { 
    $("input:radio[name='highlight']").on('change', function() { 
    if ($('#radio7').prop("checked")) { 
     $("#additional-service").addClass('shadow'); 
    } else { 
     $("#additional-service").removeClass('shadow'); 
    } 
    }); 

    $("input:radio[name='highlight']").on('change', function() { 
    if ($('#radio8').prop("checked")) { 
     $("#additional-service1").addClass('shadow'); 
    } else { 
     $("#additional-service1").removeClass('shadow'); 
    } 
    }); 

    $("input:radio[name='highlight']").on('change', function() { 
    if ($('#radio9').prop("checked")) { 
     $("#additional-service2").addClass('shadow'); 
    } else { 
     $("#additional-service2").removeClass('shadow'); 
    } 
    }); 
});