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

时间:2013-05-06 06:56:09

标签: php codeigniter twitter-bootstrap checkbox radio-button

我正在开发一个项目(使用CodeIgniter框架),该项目包含一个包含大量复选框的网格。选中一个复选框后,会出现一个弹出窗口(twitter bootstrap - modal),其中包含语句及其各自的子语句。使用单选按钮选择语句,并使用复选框选择子语句。

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

radio1:语句1(启用 - 已选中)       chckbox1:sub-stmt1(已选中)       chckbox2:sub-stmt2(可以选择也可以不是)

radio2:语句2(启用 - 未选中)       chckbox1:sub-stmt1(禁用)       chckbox2:sub-stmt2(禁用)       chckbox3:sub-stmt3(禁用)

radio3:语句3(启用 - 未选中)       chckbox1:sub-stmt1(禁用)

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

1 个答案:

答案 0 :(得分:0)

我以不同的方式解决了它

//隐藏其他单选按钮的复选框(如果未选中它们

$(function(){

   $('#comment').on('change', '.toggle-family', function() { 

       if ($(this).attr('checked')) { 

            $("[name='cbox[]']").addClass('hide'); 
            $('.pi_'+$(this).val()).removeClass('hide'); 
       } 
   }); 

});

谢谢你们。