xxxxxxxxxx1
<!-- Group of material radios - option 1 -->2
<div class="form-check">3
<input type="radio" class="form-check-input" id="materialGroupExample1" name="groupOfMaterialRadios">4
<label class="form-check-label" for="materialGroupExample1">Option 1</label>5
</div>6
7
<!-- Group of material radios - option 2 -->8
<div class="form-check">9
<input type="radio" class="form-check-input" id="materialGroupExample2" name="groupOfMaterialRadios" checked>10
<label class="form-check-label" for="materialGroupExample2">option 2</label>11
</div>12
13
<!-- Group of material radios - option 3 -->14
<div class="form-check">15
<input type="radio" class="form-check-input" id="materialGroupExample3" name="groupOfMaterialRadios">16
<label class="form-check-label" for="materialGroupExample3">option 3</label>17
</div>18
19
<button class="btn btn-primary" onclick='showSelectedOption()'>Get selected option</button>1
1
xxxxxxxxxx1
function showSelectedOption()2
{3
console.log($("#groupOfMaterialRadios").text())4
console.log($("input[name='groupOfMaterialRadios']:checked").val())5
} Console errors: 0