Default Radio button selected value

Question

In the following code how do I make sure that the Default radio button selected is always Period ?? Currently when the page is loaded , non is selected in the radio button.

<tr>
    <th valign="top" align="left">
        Scope 
        <span class="required">*</span>
    </th>
    <td align="left">
        <p class="error-message" id="span_scopeType"></p>
        <s:radio name="scopeType" id="scopeType" list="#{'PERIOD':'Period','MONTH':'Month','CUSTOM':' Custom'}" value="%{scopeType}" onchange="loadReport(this)"></s:radio>
    </td>
</tr>

Answer 1

HTML input type radio has a "checked" attribute, you can use this so that on load a specific option is checked.

<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female" checked="checked">Female

I hope this resolves your issue.

Further information: HTML DOM Object: Radio Button

Answer 2

You can use this in through angular2

 class onInitRadio { selected = {"value":"X"}; } 

 <md-radio-group class="form-control" [(ngModel)]="selected.value" id="radioGroup" formControlName="selected"> <md-radio-button [value]="'X'">X</md-radio-button> <md-radio-button [value]="'Y'">Y</md-radio-button> </md-radio-group>