多個單選按鈕及其相關複選框

我正在開發一個項目（使用CodeIgniter框架），其中包含一個包含大量複選框的網格。在選擇複選框時，會彈出一個彈出窗口（twitter bootstrap - modal），其中包含語句及其各自的子語句。使用單選按鈕選擇語句，使用複選框選擇子語句。例如：如果我選擇第一條語句，那麼我應該選擇其各自的子語句而不是第二條語句。爲了避免選擇其他子語句，我必須禁用它們。我怎樣才能做到這一點？多個單選按鈕及其相關複選框

收音機1：語句1（啓用 - 選擇） chckbox1：子stmt1（選擇的） chckbox2：子stmt2（可被選擇或可以不）

第二廣播電臺：語句2（啓用 - 未選擇） chckbox1：子stmt1（禁用） chckbox2：子stmt2（禁用） chckbox3：子stmt3（禁用）

radio3：聲明3（啓用 - 未選擇） chckbox1：子stmt1（禁止）

我使用嵌套for循環，一個用於生成單選按鈕（語句），另一個用於複選框（子語句）。

來源

2013-05-06 aryan110

你想用jQuery做到這一點嗎？ – Ali 2013-05-06 08:04:21

他將需要JavaScript無論如何打開/關閉彈出窗口，切換子語句，以.. – Aurel 2013-05-06 08:08:29

請發佈您的答案*答案*，而不是*評論*的問題。此外，爲了使這個問題與其他人相關，請將相關的html發佈。 – 2013-05-06 10:24:15

我解決它以不同的方式

如果它們沒有選擇選擇

的其他單選按鈕

//隱藏複選框

$（函數（）{

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

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

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

}）;

謝謝你們。

來源

2013-05-07 05:27:25 aryan110

多個單選按鈕及其相關複選框

回答

相關問題