ボタンをクリックするとボタンの色が変わります

Question

私はmysqlでphpを使ってオンライン検査システムを構築しています。審査のページでは、質問ごとに1つのボタンが表示されていました（スクリーンショットがあります）。今私は、ユーザーがそのラジオボタンをクリックしたときにボタンとボタンの色が緑色になると、ボタンの色を赤にしたいと思っています。

Answer 1

あなたはjQueryのまたはJavaScriptでそれを行うことができます。ボタンにbtnクラスがあるとします。ここではjQueryの機能があります：

$('.btn').click(function(){ 
    $(this).css('background-color' , 'red'); 
}); 

Answer 2

あなたはこのようなjqueryの何かでそれを行うことができ、

$(function(){ 
 
$('.question_btn').click(function(){ 
 
    $('.question_btn').css('background-color','red'); 
 
    $('input[type=radio]').click(function(){ 
 
     $('.question_btn').css('background','green'); 
 
    }); 
 
}); 
 
});

.question_btn{background-color:#fff; border:1px solid #ccc; padding:5px 10px; outline:0;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" class="question_btn">button 1</button> 
 
<div class="quest_wrap"> 
 
<p>select an option</p> 
 
<label class="radio-inline"><input type="radio" name="answer" value="1">Option 1</label> 
 
<label class="radio-inline"><input type="radio" name="answer" value="2">Option 2</label> 
 
<label class="radio-inline"><input type="radio" name="answer" value="3">Option 3</label> 
 
<label class="radio-inline"><input type="radio" name="answer" value="4">Option 4</label> 
 
</div>