複数のinputが選択されている場合、クラス除去と付与がしたい

Question

form内のinput要素が複数選択されている場合、先祖要素にクラスの除去と付与がしたいのですが、いろいろと調べても解決できません。
if文の条件分岐で解決できそうなのですが、サイトに載っているサンプルコードは数字などのサンプルでどのように記載したらよいのかわかりませんでした。

「un-checked-01」と「un-checked-02」が選択されている場合、「option_title」にクラスを付け外しする方法をご教示いただけますでしょうか。

jquaryのコードは一つが選択されると、クラスを付け外しするものになります。

どなたかお力をお貸しいただけると助かります
よろしくお願い致します。

<section class="option_title">
  <h3>タイトル</h3>
  <section class="option_content　">
    <section>
      <div>
        <input id="tape1" name="tape" type="radio" checked hidden>
        <label for="tape1" class="radio-shape un-checked-01"><span>選択１</span></label>
      </div>
      <div>
        <input id="tape2" name="tape" type="radio" hidden>
        <label for="tape2" class="radio-shape checked"><span>選択２</span></label>
      </div>
      <div>
        <input id="tape3" name="tape2" type="radio" checked hidden>
        <label for="tape3" class="radio-shape un-checked-02"><span>選択３</span></label>
      </div>
      <div>
        <input id="tape4" name="tape2" type="radio" hidden>
        <label for="tape4" class="radio-shape checked"><span>選択４</span></label>
      </div>
    </section>
  </section>
</section>

$(".radio-shape.checked").on('click', function () {
	$(this).parents('.option_title').addClass('checked').removeClass('un-checked');
});

Answer 1

un-checked-01はタダのラベルなのでチェックが付くことはありません
あえてそのままやるならこんな感じ

$(function(){
  $("input").on('change', function () {
    var num=$('#'+$('.un-checked-01').attr('for')+':checked').length+$('#'+$('.un-checked-02').attr('for')+':checked').length;
    $('.option_title').toggleClass('checked',num==2).toggleClass('un-checked',num!=2);
  }).eq(0).trigger('change');
});

Comments

[osamurai]

ご返答いただきありがとうございます。
いただいたソースを入れてみましたが、うまくクラスの変更ができません・・・
ソースの内容も理解できず、原因がわかりません・・・

un-checked-01が正しくないのであれば、「選択１」と「選択３」が共に選択されている場合に先祖要素の「option_title」にクラスを付け外しするのはどうすればよろしいでしょうか？？
質問ばかりですみません。