特定のラジオグループを選んでいる場合、任意のラジオグループの値を割り引く方法

Question

前提・実現したいこと

HTMLとJavaScriptでラジオボタンを用いて数値計算をするときに
ラジオグループAの項目を選択していた場合、ラジオグループBの数値を半額にする
例：果物（グループＡ）を買っている場合、かご（グループＢ）を1000円（50％off）で購入できる
取得した値を足し合わせ正規表現に直した後テキストボックスに表示する←ここはできている
という動作を実装したいのですがどのようにすればいいのでしょうか　

発生している問題・エラーメッセージ

テキストボックスに数値が表示されない（どの段階の処理で止まっているかは不明）

該当のソースコード

function keisan(){

var i;
var p1 = 0;
var p2 = 0;

var group1 = document.getElementsByName("group1"); //チェック済みのラジオボタンを調べて値を取得
for(i=0; i<group1.length; i++){
if(group1[i].checked){
p1 = group1[i].value;
break;
}
}
var group2 = document.getElementsByName("group2"); 
for(i=0; i<group2.length; i2++){
if(group2[i].checked ){          
    p2 = group2[i].value;      
break;
}
}

var price1 = p1 * document.form1.volume1 .selectedIndex; // 数量×単価
var price2 = p2 // 単価

var price1 = parseInt(group1)+parseInt(group2)

//表示用の金額を3桁区切りに変換
var data = new Array(price1); 
var len = data.length; 

for(cnt=0;cnt<len;cnt++){
data[cnt] = new String(data[cnt]).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); //正規表現で3桁ごとにカンマで区切る
}

//フォームに表示する金額
document.form1.field_price1.value = data[1];
}

<h3 data-label="01"><span>ご希望の商品</span></h3>
					<ul>
						<li>							
<label>
								<input type="radio" name="group1" id="group1" value="100" onClick="keisan()" /><span class="radio">りんご</span>
								<span>単価 100円/1個</span>
							</label>					
						</li>
					</ul>
					<ul>
						<li>
							<label>
								<input type="radio" name="group1" id="group1" value="200" onClick="keisan()" /><span class="radio">桃<br class="sp_only">
								<span>単価 200円/1個</span>
							</label>
						</li>						
					</ul>
					<ul>
						<li>
							<label>
								<input type="radio" name="group1" id="group1" value="120" onClick="keisan()" /><span class="radio">みかん</span>
								<span>単価 120円/1個</span>
							</label>
						</li>						
					</ul>
					<ul>
						<li>
							<label>
								<input type="radio" name="group1" id="group1" value="220" onClick="keisan()" /><span class="radio">梨</span>
								<span>単価 220円/1個</span>
							</label>
						</li>
                    </ul>					
				</div>
            </div>
            <div class="shohin2">
            <h3 data-label="05"><span>ご希望の商品</span></h3>
            <ul>
                <li>
                    <label>
                        <input type="radio" name="group2" id="group2" value="2000" onClick="keisan()" /><span class="radio">かご</span>
                        <span>単価 2000円/1個</span>
                    </label>					
                </li>
            </ul>
            <ul>
                <li>
                    <label>
                        <input type="radio" name="group2" id="group2" value="1000" onClick="keisan()" /><span class="radio">箱<br class="sp_only">
                        <span>単価 1000円/1箱</span>
                    </label>
                    </li>

            </ul>
<div class="estimate_result">
				<h3 class="kingaku">合計金額</h3>
				<dl>
					<dt>施工費</dt>
					<dd><input type="text" name="field_price1" size="8" value="0"> 円</dd>
</dl>
</div>

試したこと

var group2 = document.getElementsByName("group2"); 
for(i=0; i<group2.length; i2++){
if(group2[i].checked ){  
  if(group1[i].checked ){        
    p2 = group2[i].value*0.5;  
 }else{   
    p2 = group2[i].value;   
break;

など色々試しました

Comments

[m.ts10806]

HTMLも提示してください。
ただ、このコードエラー出ませんか？
{ が閉じられてない半端なコードです。
他者がコピペで再現できるように配慮願います。

[J_aoi]

追加、修正しました

Answer 1

var group2 = document.getElementsByName("group2"); 
for(i2=0; i2<group2.length; i2++){
if(group2[i2].checked && group1[i].checked){	
p4 = group4[i2].value*0.5;
break;
}else if (group4[i2].checked){	
p4 = group4[i2].value;		
break;

Answer 2

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('[type=radio]').forEach(x=>{
    x.addEventListener('input',()=>{
      if(document.querySelector('[name=a]:checked')){
        answer.value=Number(document.querySelector('[name=a]:checked')?.value||0)+Number(document.querySelector('[name=b]:checked')?.value||0)/2;
      }else{
        answer.value=Number(document.querySelector('[name=b]:checked')?.value||0);
      }
    });
  });
});
</script>
<label><input type="radio" name="a" value="100">100</label>
<label><input type="radio" name="a" value="200">200</label>
<label><input type="radio" name="a" value="300">300</label><br>
<label><input type="radio" name="b" value="1000">1000</label>
<label><input type="radio" name="b" value="2000">2000</label>
<input type="text" id="answer">

aを選ぶとbが半額に修正

Comments

[J_aoi]

文章が分かりにくくて申し訳ございません。
ラジオグループAの項目を選択していた場合、ラジオグループBの数値を半額にする
例：果物（グループＡ）を買っている場合、かご（グループＢ）を1000円（50％off）で購入できる
ということです

[yambejp]

修正してみました。
こういうことでしょうか？

[J_aoi]

```JavaScript
var group2 = document.getElementsByName("group2");
for(i=0; i<group2.length; i2++){
if(group2[i].checked ){
p2 = group2[i].value;
break;
}
}
```
ここで分類するのは不可能なのでしょうか？