Отображение выбранной группы переключателей значения в javascript

Question

Я хотел бы знать, как отобразить объект выбранного значения в группе переключателей, используя javascript, у меня есть две группы переключателей с опциями по умолчанию, отмеченные, как отобразить объект отмеченных переключателей, используя javascript.

Я пытался, но застрял, как отобразить объект на основе выбора переключателя,

${obj.map.funtion((e)=>{
<div class="form-check" onClick=${(e)=>this.handleSelect(e,obj)}>
    <input class="form-check-input" name="sending" type="radio" value="bank transfer" Checked>
Bank Transfer
<br>
    <input class="form-check-input" name="sending" type="radio" value="credit">                                                                                       Credit Card
</div>});

handleSelect(e){
      const temp = obj.map(e => Object.entries(e).map(([k, val]) => val)).flat(2)
    var selectvalue = temp.filter(x=>x.in == selectvalue && x.id == id);  
    var defaultvalue = temp.filter(e=>
      e.id !== id && e.in==e.target.value
    )

}

var obj = [{
    "btob": [{
      "id": "trans",
      "in": "bank",
      "out": "bank",
      "value": 10
    },{
      "id": "fund",
      "in": "bank",
      "out": "bank",
      "value": 10
    }],
    "ctob": [{
      "id": "trans",
      "in": "credit",
      "out": "bank",
      "value": 20
    },{
      "id": "fund",
      "in": "credit",
      "out": "bank",
      "value": 10
    }]
}]

Expected Output:
  //if(radio 1(trans) is credit and radio 2(fund) is bank transfer)

[{
      "id": "trans",
      "in": "credit",
      "out": "bank",
      "value": 20
    },

{

     "id": "fund",
      "in": "bank",
      "out": "bank",
      "value": 10
}]
 //if(radio 1(trans) is bank and radio 2(fund) is credit)

 [{
      "id": "trans",
      "in": "bank",
      "out": "bank",
      "value": 10
    },
  {
      "id": "fund",
      "in": "credit",
      "out": "bank",
      "value": 10
    }]