javascript - 如果已经更改，如何通过类名多次设置检查单选字段

Question

我想在我的页面中使用一个包含两个单选按钮的小表单。

单选按钮/“表单”

<input type="radio" name="myselection" class="my_classname" value="my_option1" checked>
<input type="radio" name="myselection" class="my_classname" value="my_option2">

这个“表单”在我的页面中被第二次使用。

现在我想确保所有单选按钮/所有表单在单击/更改后具有相同的选中元素。

这可能吗？我该怎么做 - 我想用 jquery/java-script？

  $(".my_classname").on('change', function() 
{   
 //do something!?
});

感谢教导和帮助我。

更新

也许重要的是要知道，我以这种方式使用输入单选框

<div class="btn-group btn-group-toggle" data-toggle="buttons">
     <label class="btn btn-primary btn-sm ">
             <input type="radio" name="my_name" class="my_classname1" value="my_value_1" autocomplete="off" checked> value 1
                    </label>
                    <label class="btn btn-primary btn-sm active">
                      <input type="radio" name="my_name" class="my_classname1" value="my_value_2" autocomplete="off"> value 2
                    </label>
                  </div>

尝试像建议的那样以这种方式回答失败

$('input:radio[class=my_classname1][value='+$(this).val()+']').prop('checked', true);
    $('input:radio[name=my_name][value='+$(this).val()+']').prop('checked', true);

Answer 1

像这样尝试将相同的值设置为表单中的另一个输入。

 $(".my_classname").on('change', function() 
{   
  $('input:radio[name=myselection1]').val([$(this).val()]);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<b>original</b>

<input type="radio" name="myselection" class="my_classname" value="my_option1" checked>1st
<input type="radio" name="myselection" class="my_classname" value="my_option2">2nd
<br/>
<b>copy</b>
<input type="radio" name="myselection1" class="my_classname1" value="my_option1" checked>1st
<input type="radio" name="myselection1" class="my_classname1" value="my_option2">2nd

更新的答案

$(".my_classname").on('change', function() 
{     
  $('input:radio[class=my_classname1][value='+$(this).val()+']').prop('checked', true);


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<b>original</b>

<input type="radio" name="myselection" class="my_classname" value="my_option1" checked>1st
<input type="radio" name="myselection" class="my_classname" value="my_option2">2nd
<br/>
<b>copy</b>
<input type="radio" name="myselection1" class="my_classname1" value="my_option1" checked>1st
<input type="radio" name="myselection1" class="my_classname1" value="my_option2">2nd