コンタクトフォーム、ラジオボタンで他の箇所を入力可能不可能にする

コーディングのお仕事

ラジオボタンで片方を選択したときに
下にあるチェックボックス全てが入力可能、入力不可能になるように切り替えてほしいという内容がありました
disabledをinputに追加すると内容が送信されず入力もできずという状態になるようです
なのでそれを切り替えればいいということらしい

<tr>
<th>希望の雇用形態</th>
<td>
<input name="変える方" type="radio" value="はい" onclick="disable('変わる方')">はい<br>
<input name="変える方" type="radio" value="いいえ" onclick="activate('変わる方')">いいえ
</td>
</tr>
<tr>
<th>選択肢</th>
<td><input type="checkbox" name="変わる方" value="選択肢1" disabled>選択肢1<br>
<input type="checkbox" name="変わる方" value="選択肢2" disabled>選択肢2<br>
<input type="checkbox" name="変わる方" value="選択肢3" disabled>選択肢3<br>
<input type="checkbox" name="変わる方" value="選択肢4" disabled>選択肢4<br>
<input type="checkbox" name="変わる方" value="選択肢5" disabled>選択肢5
</td>
</tr>
<script>
function activate(formName){
var f=document.getElementsByName(formName);
for(var i=0;i<f.length;i++){
f[i].disabled=false;
}
}
function disable(formName){
var f=document.getElementsByName(formName);
for(var i=0;i<f.length;i++){
f[i].disabled=true;
}
}
</script>

選択肢はいでON、いいえでOFF

はい
いいえ

選択肢

選択肢1
選択肢2
選択肢3
選択肢4
選択肢5

関連記事

特集記事

TOP