JSでラジオボタンを連動したいです

Question

HTMLでサイトを作っているのですが、うまく動かないです。

<script type="text/javascript">
	function Linkage(res) {
		if ( document.form1["rendou"][res].checked ) { 
			document . form2["rendou"][res].checked;
		} else if(document.form2["rendou"][res].checked ) {
			document . form1["rendou"][res].checked; 
		}
	}
	window.onload = Linkage;
</script>

<form action="/next.php?c=option" id="item" method="post" name="form1">
チェック１<br><input type="radio" id="neck5" name="rendou" value="テスト１" data-role="none" onClick="Linkage('1')">
</form>

form2

<form action="/next.php?c=option" id="item" method="post" name="form2">
チェック２<br><input type="radio" id="neck5" name="rendou" value="テスト２" data-role="none" onClick="Linkage('1')">

根本的なJSの使い方が間違っている可能性もあります。

是非、ご教授いただけましたら幸いです。

よろしくお願いいたします。
ーーーー追記ーーーー
問題点は、実装しておりform1をクリックしたらform2が変更できましたがform2の複数ボタンをクリックしても反応しない、です。
（elseifとなってて意味がなかったのも含みますが・・・）

コメント文は引用したサイトのままのため意味はありません。
混乱させて申し訳ございませんでした。

よろしくお願いいたします。
ーーーー追記ーーーー
書き直しました。
ご指摘いただきありがとうございます。

Comments

[x_x]

テキスト入力欄を有効化というコメントがありますが、ラジオボタン同士の連動ではなく、活性状態の変更なのでしょうか？

[m.ts10806]

https://teratail.com/help/question-tips#questionTips3-4

[date]

form2は1とほとんど同じ内容なので割愛します。　ここが重要なところだと思いますが、form2の複数ボタンというのがこちらではわかりません

[num79kill]

2つ以上チェックされている場合、２個目以降反応しないのはelseのせい

[kei344]

回答が付いた質問の編集は慎重に行ってください。回答でタイプミスについての指摘がある場合は「直したこと」がわかるようにしてください。

Answer 1

form1で選ばれたら項目がform2に反映するならそのままこうですかね

<script>
function Linkage() {
  if ( document.form1["rendou"][0].checked ) {
    document.form2["rendou"][0].checked = true; 
  } else if(document.form1["rendou"][1].checked ) {
    document.form2["rendou"][1].checked = true; 
  }else if(document.form1["rendou"][2].checked ) { 
    document.form2["rendou"][2].checked = true; 
  }else if(document.form1["rendou"][3].checked ) { 
    document.form2["rendou"][3].checked = true; 
  }else if(document.form1["rendou"][4].checked ) { 
        document.form2["rendou"][4].checked = true; 
  }else if(document.form1["rendou"][5].checked ) { 
    document.form2["rendou"][5].checked = true;
  }else if(document.form1["rendou"][6].checked ) {
    document.form2["rendou"][6].checked = true;
  }else {
  }
}
window.onload = function(){Linkage();}
</script>

<form name="form1">
<input type="radio" name="rendou" value="" onClick="Linkage()">チェック1<br>
<input type="radio" name="rendou" value="" onClick="Linkage()">チェック2<br>
<input type="radio" name="rendou" value="" onClick="Linkage()">チェック3<br>
<input type="radio" name="rendou" value="" onClick="Linkage()">チェック4<br>
<input type="radio" name="rendou" value="" onClick="Linkage()">チェック5<br>
<input type="radio" name="rendou" value="" onClick="Linkage()">チェック6<br>
</form>
<form name="form2">
<input type="radio" name="rendou" value="">チェック1<br>
<input type="radio" name="rendou" value="">チェック2<br>
<input type="radio" name="rendou" value="">チェック3<br>
<input type="radio" name="rendou" value="">チェック4<br>
<input type="radio" name="rendou" value="">チェック5<br>
<input type="radio" name="rendou" value="">チェック6<br>
</form>

まとめるとこんな感じ

function Linkage() {
  Array.prototype.map.call(
    document.querySelectorAll('form[name=form1] input[name=rendou]'),
    function(i,j){
      if(i.checked){
        document.querySelector('form[name=form2]').elements[j].checked=true;
      }
    }
    );
}

Answer 2

まさかとは思うのですが、elseifがelse ifの書き間違いだったりしないでしょうか...?

Comments

[marionetter]

ご回答いただきありがとうございます。
その点もありました・・・。お恥ずかしい限りです。
そこに加えて、更に内容の問題がありました・・・。