JavaScriptでラジオボタンの選択によって非活性、活性化を変更したい

Question

実現したいこと

formのなかでラジオボタンの何番目と何番目を選択されたらテキストボックスなどのを活性化させたいです。

配列の何番目と何番目を選択したら、、というふうにしたいです。

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

formないで設定してある、何番目と何番目という部分がどちらか一つしか反応しない

該当のソースコード

function changeDisabled() {
    if ( document.form1["radiobutton"][1,2]checked ) { 
        document.form1["textbox"] . disabled = false; 
    } else { 
        document.form1["textbox"] . disabled = true; 
    }
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

if文の[]の中身を下記のように変更しましたがうまくいきませんでした。
(2番目以降のラジオボタンを選択したら〜に変更)

if ( document.form1["radiobutton"][2:]checked ) {

補足

特になし

Answer 1

    if ( document.form1["radiobutton"][1,2]checked ) { 

「document.form1["radiobutton"] の 1 番目または2番目がチェックされていたら」という意図のコードだと思いますが、配列の添字内での , に「または」という意味はありません。カンマ演算子として動き、2 と同じになります。

素直に書くと、if (document.form1["radiobutton"][1].checked || document.form1["radiobutton"][2] ) { です。

[2:] という書き方も JavaScript ではできません。[...document.form1["radiobutton"]].filter((e, i) => i >= 2 && e.checked).length > 0 などとしましょう。

Comments

[zindex_1]

わかりやすく解説していただき、ありがとうございました！

Answer 2

formのエレメントの掴み方が古いですね。
こんな感じで

<script>
document.addEventListener('change', ()=>{
  document.querySelector("#form1 [name=textbox]").disabled = ["1","2"].includes(document.querySelector('#form1 [name=radiobutton]:checked')?.value)
});
</script>

<form id="form1">
<label><input type="radio" name="radiobutton" value="0">0</label>
<label><input type="radio" name="radiobutton" value="1">1</label>
<label><input type="radio" name="radiobutton" value="2">2</label>
<label><input type="radio" name="radiobutton" value="3">3</label>
<label><input type="radio" name="radiobutton" value="4">4</label>
<hr>
<input name="textbox">
</form>

Comments

[zindex_1]

ありがとうございます！