xhtmlでチェックボックスを無効にする

実現したいこと

ラジオボタンの選択に応じて、チェックボックスのコンポーネントを無効にしたい

発生している問題・分からないこと

現在の画面ではラジオボタンで「顧客単位の売掛金残高」と「支店単位の売掛金残高」の二つのどちらかを選択できます。
やりたいこととしては、「担当者ごとに表示」のチェックボックスについては、「顧客単位の売掛金残高」を選択しているときのみチェックをつけたり外したりするように制御するということです。「支店単位の売掛金残高」を選択しているときは、チェックボックスを無効、あるいは非活性にし、✓のつけ外しができないようにしたいです。

該当のソースコード

XHTML
1<div class="container">
2				<div class="radio-checkbox-group">
3					<p:selectOneRadio
4						id		="radio"
5						layout	="pageDirection"
6						value	="#{CustomerBill.dispFlg}">
7						<f:selectItem
8							itemLabel="顧客単位の売掛金残高"
9							itemValue="true" />
10						<f:selectItem
11							itemLabel="支店単位の売掛金残高"
12							itemValue="false" />
13						<p:ajax listener="#{CustomerBill.changeDispFlg}" event="click" update="excelBtn checkbox" process="@form"/>
14					</p:selectOneRadio>
15				</div>
16				<div class ="checkbox-container">
17					<p:selectBooleanCheckbox 
18						id 			="checkbox" 
19						value 		="#{CustomerBill.personPagePartitionFlg}" />
20					<h:outputLabel 
21						for			="checkbox" 
22						value		="担当者ごとに表示"/>
23				</div>
24			</div>

CSS
1.radio-checkbox-group{
2				margin-right: 25px;
3			}
4			
5			.container{
6				display: flex;
7				align-items: center;
8			}
9			
10			.checkbox-container{
11				margin-top: -20px;
12			}