※ ChatGPTを利用し、要約された質問です(原文:チェックボックスのjavascriptについて)
チェックボックスのJavaScriptについて
このQ&Aのポイント
JavaScript初心者の方向けのチェックボックスに関する基本的な使い方を解説します。
チェックボックスがチェックされていない場合にアラートを表示し、チェックされている場合にはフォームの送信を許可する方法について説明します。
チェックボックスのname属性を同じにすることで複数のチェックボックスをグループ化することができますが、異なる名前にすると動作しません。解決策も紹介します。
javascript初心者です!
お力をお借りしたいと思い質問いたしました。
宜しくお願い致します。
●やりたい事
・チェックボックスがチェックされてない時に「商品を選択して下さい」のアラートを表示させ、1つでもチェックされていた場合は「送信」できる設定を行いたいです。
「name= 」 部分を同じ名前にすると可能ですが、異なる名前にすると動作いたしません。
どうかご教授お願い致します。
■javascript部分
<script language="JavaScript" type="text/javascript">
function CheckForm(theform) {
var FormOK = false;
if (!theform.category1[0].checked && !theform.category2[1].checked && !theform.category3[2].checked && !theform.category4[3].checked && !theform.category5[4].checked) {
alert("商品を選択してください。");
}else{
FormOK = true;
} return FormOK;
}
function FieldControl(element, message)
{
alert(message);
}
</script>
■HTML部分
<form name="theform" onsubmit="return CheckForm(this);" action="" method="post">
<input value="category1" name="category1" type="checkbox">category1<br>
<input value="category2" name="category2" type="checkbox">category2<br>
<input value="category3" name="category3" type="checkbox">category3<br>
<input value="category4" name="category4" type="checkbox">category4<br>
<input value="category5" name="category5" type="checkbox">category5<br><br>
<br>
<br>
<input value="送信" name="submit" type="submit"></form>
宜しくお願い致します。
お礼
教えて頂いた書き方でできました!!! このように書くのですね。。。 勉強いたします。 また、早めの回答ありがとうございました!!! 大変助かりました。。。