我正在尝试添加填充到我的单选按钮后，被选中。我用这个代码的单选按钮

function shout(e) {
  $(".no-dd").removeAttr("checked");
  var radio_value = $(e).attr("id");
  $("#" + radio_value).attr("checked", "true");
}

.cool input {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  height: 13px;
  width: 13px;
  border: 0.8px solid #121a21;
  border-radius: 100%;
  cursor: pointer;
  background: transparent;
}

.cool input[type=radio]:checked {
  box-sizing: border-box;
  height: 13px;
  width: 13px;
  border: 0.8px solid #121a21;
  border-radius: 100%;
  cursor: pointer;
  overflow: visible;
  background: #121a21;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="cool">
  <input role="radio" type="radio" id="d_sample" class="no-dd" name="rp_select" onclick="shout(this)">
  <label for="d_sample">
    <input role="radio" type="radio" id="d_admple" class="no-dd" name="rp_select" onclick="shout(this)">
    <label for="d_admple">
    </form>

样式设置后单选按钮的默认值为（UNCHECKED）

上面的代码在检查后给我这个

但我想要的是

我如何去实现我想要的，这是最后一个形象。