不幸的是，HTML中没有“子分组”。
检查the <input> element的定义：

属性

type
radio：单选按钮，必须使用value属性定义该项目提交的值，使用checked属性表示该项目是否默认选中，name属性值相同的单选按钮属于同一个**“单选按钮组”**;一次只能选择组中的一个单选按钮。
此外，如果您搜索页面，唯一与分组相关的位是<optgroup>，但它仅适用于<option>标签。
为此，您唯一的选择是使用JavaScript：

document.getElementById('mastercard').onclick = function () {
    document.getElementById('credit_card').checked = true;
};
document.getElementById('visa').onclick = function () {
    document.getElementById('credit_card').checked = true;
};
document.getElementById('cheque').onclick = function () {
    document.getElementById('mastercard').checked = false;
    document.getElementById('visa').checked = false;
};

Your fiddle, with this code.

在Java Script中添加此项

function cheque_onclick() {

visa.checked = false;
mastercard.checked = false;

}

function visa_onclick() {
credit_card.checked = true;

}

function mastercard_onclick() {
credit_card.checked = true;

}

在每个单选元素上使用相同的“name”属性。例如：
这将显示两个选项组，默认情况下选择选项1，如果用户选择选项2，则自动取消选择选项1

<input type="radio" id="r1" name="r" checked="checked"><label for="r1">Option 1</label>
<input type="radio" id="r2" name="r"><label for="r2">Option 2</label><br>