1

ユーザーが特定のボタンをクリックすると、JavaScript を使用して比率ラベル ボタンの背景色を動的に変更しようとしています。

下のリンクを見ると、青または赤のボックスをクリックすると、黄色のバーとテキストが変更されますが、 [type=radio]:checked ~ ラベル ボタンも変更する必要があります。

http://jsfiddle.net/thepaddyman/XWjJm/

$("document").ready(function(){

        $(".red").click(function(){
        $(".content").css("border-top-color","red");   
        $(".content").css("color","red"); }); }); 



        $("document").ready(function(){
        $(".blue").click(function(){
        $(".content").css("border-top-color","blue");     
        $(".content").css("color","blue"); 

}); });

どうもありがとう

パトリック

4

1 に答える 1

0

ここに作業デモがあります

$(document).ready()hjpotter92 が提案したようにネストする必要はありません

$(document).ready(function(){
    $(".red,#tab-1").click(function () {
        $(".content").css("border-top-color", "red");
        $(".content").css("color", "red");
    });
    $(".blue,#tab-2").click(function () {
        $(".content").css("border-top-color", "blue");
        $(".content").css("color", "blue");
    });
});
于 2013-04-13T14:53:28.323 に答える