I have HTML table where i am displaying the list of account records and based on the selection of record i am updating the details . I am trying the set the first record radio button as selected on load .

**HTML**

```
<template for:each={accData} for:item="acc">
<tr key={acc.Id}>
<td >
  <div>
     <lightning-input type="checkbox" name="radioButtonSelect" value={acc.Id} checked onchange={handleChangeRadio}></lightning-input>
  </div>
 </td>
<td >
 <div>
     <lightning-formatted-text value={acc.Name} ></lightning-formatted-text>
 </div>
</td>

```

**JS**

```
connectedCallback(){
    this.LoadPage();
}

LoadPage() {
    accRecords()
        .then(result => {
            this.accData = result;;
        })
        .catch(error => {
            this.error = error;
        });
}

handleChangeRadio(event){        
    this.accId = event.target.value;
    console.log('=======oppid=='+event.target.value);
    this.accRecord = [];
    for(let i in this.accData) {
        if(this.accId == this.accData[i].Id) {
                this.accRecord = this.accData[i];
        }
    }         
}

```