Javascript 选中复选框时如何显示单选按钮？

显示器必须处于栅格视图中，且无任何错位。以下是屏幕截图

使用的代码是HTML和Javascript。如何在CSS和HTML中相应地格式化这些单选按钮

$("#myCheckbox").change( function() {
    if($(this).is(":checked")){
        $('#options-radio').css('display', 'block');
    }
});

我相信，通过这种方式，问题将得到解决

---

对于示例

您能分享您的html/CSS吗？请创建一个…希望此链接能帮助您。。。我得到了功能，但我无法将我的单选按钮移动到选中的复选框下方，这里是代码。我在CSS中相应地格式化一个复选框，但在选中另一个复选框后，它会受到干扰。我将用代码编辑帖子。我需要单选按钮位于复选框下面的位置。你可以设置单选按钮div.的任何位置并将其隐藏。然后上面的代码被检查，然后显示div将是好的。我怎么做呢。我想移动CSS中测听复选框下方的单选按钮。因为他们的心电图是另一个复选框。选中每个复选框时，它必须显示在该复选框的正下方。