多个单选按钮及其相关的复选框


Multiple Radio Buttons with its related Checkboxes

我正在做一个项目(使用CodeIgniter框架),它包含一个带有许多复选框的网格。在选择复选框时,会出现一个弹出窗口(twitter bootstrap - modal),其中包含语句及其相应的子语句。语句将使用单选按钮进行选择,子语句将使用复选框进行选择。

例如:如果我选择第一个语句,那么我应该选择它各自的子语句,而不是第二个语句。为了避免选择其他子语句,我必须禁用它们。我该怎么做呢?

radio1:语句1 (enable - selected)Chckbox1: sub-stmt1(选中)Chckbox2: sub-stmt2(可选也可不选)

radio2:语句2 (enable -未选中)Chckbox1: sub-stmt1 (disable)Chckbox2: sub-stmt2 (disable)Chckbox3: sub-stmt3 (disable)

radio3:语句3 (enable - not selected)Chckbox1: sub-stmt1 (disable)

我使用嵌套的for循环,一个用于生成单选按钮(语句),另一个用于复选框(子语句)。

我用另一种方法解决了这个问题

//隐藏未选中的单选按钮的复选框

$(function() {

   $('#comment').on('change', '.toggle-family', function() { 
       if ($(this).attr('checked')) { 
            $("[name='cbox[]']").addClass('hide'); 
            $('.pi_'+$(this).val()).removeClass('hide'); 
       } 
   }); 

});

谢谢大家