How to select radio button by default in a list which may appear any how depending onload dependency

How to select radio button by default in a list which may appear any how depending on the onload dependency

我想 select 在更改另一个单选按钮的值时默认设置单选按钮的值。假设一个列表包含 10 个值。但是如果我在输入标签中设置 checked="checked" ,默认值得到 selected 但是当加载依赖项时,列表中的值没有变化。所以默认值隐藏在后端。并且没有默认值 selected.

场景配合下图会更清晰

图1中:none个引脚一共有15个值,默认值selected为050,当中心值距离的变化,引脚的大小也发生了变化。所以我也想要默认值 selected。

图片1:

图2:

请帮忙解决这个问题。

Lets say class of the div "center distance" is center-distance and class for div "Numbers of pins" is "number-pins"

//On change event of the radio buttons inside "center-distance" div
$(".center-distance input:radio").on("change",function(){
    //Functionality will go here after selection of radio button inside div with class "center-distance"

    //Make select first radio button which is not hidden inside div with class "number-pins" 
    $(".number-pins  input:radio:visible:first").eq(0).prop("checked", true).trigger("click"); 
});