HTML のフォーム入力制限に関する質問です。

チェックボックスのうち2個にチェックをつけないといけないように制限をかけたいのです。javascript のサンプルがあるページお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/03/22 12:17:21
  • 終了:--

回答(3件)

id:siachan No.1

siachan回答回数80ベストアンサー獲得回数142005/03/22 13:09:04

ポイント24pt

端折ってる部分がありますが、こんな感じでしょうか。

<html>

<head>

<title>checkbox</title>

<script type=”text/javascript”>

<!--

function boxcheck() {

var num = 0;

var i;

var d=document.checktest.check;

for(i=0; i<d.length; i++) {

if(d[i].checked) {

num++;

}

}

if(num != 2) {

alert(”二つチェックしてください”);

return false;

}

//alert(”二つはいりまーす”);

return true;

}

// -->

</script>

</head>

<body>

<form name=”checktest” onsubmit=”return boxcheck();”>

<input type=”checkbox” name=”check” value=”1”>選択肢1

<input type=”checkbox” name=”check” value=”2”>選択肢2

<input type=”checkbox” name=”check” value=”3”>選択肢3

<input type=”checkbox” name=”check” value=”4”>選択肢4

<input type=”checkbox” name=”check” value=”5”>選択肢5

<input type=”submit”>

</form>

</body>

</html>

id:kaiketsu

ありがとうございます。

2005/03/22 14:53:35
id:sadcns No.2

sadcns回答回数53ベストアンサー獲得回数02005/03/22 13:16:26

ポイント23pt

こんにちは。

ここにばっちり書いてあります。

id:kaiketsu

なるほど

2005/03/22 14:54:30
id:english No.3

english回答回数304ベストアンサー獲得回数02005/03/22 13:16:53

ポイント23pt

もしかしたら、はてなのシステムで半角で入力されるべきところが全角に変換されているかもしれないのですが(その場合は、適宜変えてください。)、下記コードで動くはずです。テスト済みで、コピー&ペーストしてみました。

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>

<title>test</title>

<script language=”Javascript”>

<!--

function sendData(){

myCnt = 0;

for(var i=0;i<document.myForm.q1.length;i++){

if(document.myForm.q1[i].checked){

myCnt++;

}

}

if(myCnt<=1){

alert(”2個以上、選択してください。”);

return false;

} else {

document.myForm.submit();

}

}

//-->

</script>

</head>

<body bgcolor=#FFFFFF>

<form name=myForm action=”***” method=”get” onSubmit=”sendData();return false;”>

<input type=checkbox name=q1 value=”1”>  回答1

<input type=checkbox name=q1 value=”2”>  回答2

<input type=checkbox name=q1 value=”3”>  回答3

<input type=checkbox name=q1 value=”4”>  回答4

<input type=submit value=”送信する”> <input type=reset value=”リセット”>

</form>

</body>

</html>

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません