Javascript 通过jquery或js更改单选按钮的背景色

我正在开发在线mcq平台。我用php打印问题和选项收音机。现在我想要一个功能，在每一个单选按钮被点击的问题上，对应于该div的按钮改变其背景颜色。这样用户就可以知道他已经完成了哪些问题，哪些问题还没有解决，需要尝试解决

这是我的HTML

<section class="solve">
<div class="container">
  <div class="row">
    <div class="col-md-8">
        <form id="gi" method="post" action="checkAnswer.php">

      <?php
      foreach ($json_data as $key => $value) {
          echo
          "<p><span class='que'> Question</span>&nbsp;&nbsp". $value['number']."&nbsp;&nbsp". "<br><hr class='line'>". $value['question']."<br><br>".
          "<pre>"."<input type='radio'  name='question" . $value['number']."' value='op1' required>" ." " , $value['op1']."</pre>".
          "<pre>"."<input type='radio' name='question" . $value['number']."' value='op2' required>" ." " , $value['op2']."</pre>".
          "<pre>"."<input type='radio' name='question" . $value['number']."' value='op3' required>"." "  , $value['op3']."</pre>".
          "<pre>"."<input type='radio' name='question" . $value['number']."' value='op4' required>"." " , $value['op4']."</pre>".
          "<pre>"."<input type='radio' name='question" . $value['number']."' value='0' required>"."LEAVE QUESTION"."</pre>".

              "</p>";
      }
      ?>
      <input class="submitBtn" type="submit" name="submit" value="SUBMIT">
      <!-- <button onclick="handleClick()">click</button> -->
       </form>
    </div>
    <div class="col-md-4 text-right">
        <div class="sidebar">

           <?php
      foreach ($json_data as $key => $value) {
          echo   " <button type='button' class='btn btn-primary btn-circle btn-sm' id=''question" . $value['number']."'>". $value['number']."</button>";
      }
      ?>
           </div>
        </div>
    </div>
  </div>
</div>
</section>

---

您可以尝试此代码。添加它以提交事件或更改单选按钮的事件

jQuery("input[type='radio']:checked").each(function(){
    let name = jQuery(this).attr("name");
    jQuery("#"+name).addClass("solved");
})