WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:チェックボックスの全選択

0:[投稿] しずか [2002/06/12 19:46 ][環境:WIN+IE 不明]

こんにちは、初心者です.よろしくお願いします。
チェックボックスの全選択に付いて教えてください.
以下のスクリプトで作動しますが、チェックボックスを表の中に1つづつ入れると作動しません.
表に入れると何か付け加えなければならないのでしょうか?
よろしくお願いします。

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var chk_flag = "false";
function check(field) {
 if (chk_flag == "false") {
   for (i = 0; i < field.length; i++) {
     field[i].checked = true;
   }
   chk_flag = "true";
   return "すべてをOFF";
 }
 else {
   for (i = 0; i < field.length; i++) {
     field[i].checked = false;
   }
   chk_flag = "false";
   return "すべてをON";
 }
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<center>
<form>
<input type=checkbox name=list value="1">りんご 
<input type=checkbox name=list value="2">みかん<br>
<input type=button value="すべてをON" onClick="this.value=check(this.form.list)">
</form>
</center>
</BODY>
</HTML>


1:[回答] ひよこ [2002/06/12 20:46 ]

> チェックボックスを表の中に1つづつ入れると作動しません.
作動しない方のソースを見せてもらえますか?


2:[質問] しずか [2002/06/12 22:17 ]

ひよこさん、お願いします.
実は、他にもスクリプトが入れてあります.
このページからフォーム送信する為です.
以下に長いですが、のせてみますのでお願いします.

<HEAD>
<TITLE></TITLE>
<SCRIPT language=javascript>
<!--
function send_mail(){
document.form1.action="mailto:kirara@spica.freemail.ne.jp?subject=お問合せ";
document.form1.method="post";
document.form1.encoding="text/plain";
alert("ありがとうございました");
}
//-->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
<!--
var chk_flag = "false";
function check(field) {
 if (chk_flag == "false") {
   for (i = 0; i < field.length; i++) {
     field[i].checked = true;
   }
   chk_flag = "true";
   return "すべてをOFF";
 }
 else {
   for (i = 0; i < field.length; i++) {
     field[i].checked = false;
   }
   chk_flag = "false";
   return "すべてをON";
 }
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="form1" onsubmit="send_mail()"><IMG src="img/logo2.gif" width="79" height="27" border="0" name="kani">
<DIV align="left">
<TABLE width="279" border="1">
 <TBODY>
   <TR>
     <TD align="center" width="80"><INPUT id="check" type="checkbox" value="1" ?name='list"'></TD>
     <TD align="center" width="183">りんご<BR>
     </TD>
   </TR>
   <TR>
     <TD align="center" width="80"><INPUT id="check" type="checkbox" value="1" ?name='list"'></TD>
     <TD align="center" width="183">みかん<BR>
     </TD>
   </TR>
 </TBODY>
</TABLE>
<BR>
<FONT size="3">■</FONT><B><FONT size="3">お知りになりたいじ情報にチェックを入れてお問合せボタンを押してください<BR>
.</FONT></B><INPUT type="button" name="お問合せ" value="     お問合せ     " style="font-weight : normal;text-indent : 2px;" onClick="JumpURL()"><BR>
<input type=button value="すべてをON" onClick="this.value=check(this.form.list)"></DIV>
</FORM>
<FORM name="form1" onsubmit="send_mail()">
<DIV align="left"></DIV>
</FORM>
</BODY>
</HTML>


3:[回答] ひよこ [2002/06/12 23:26 ]

> <INPUT id="check" type="checkbox" value="1" ?name='list"'>

(1)name部分がおかしい(?や余分な"などがある)
(2)idに関数名と同じ名前は使用できない(idは必要なのか?)

<INPUT id="check1" type="checkbox" value="1" name='list'>

(本題と別に、多分「編集中」だからでしょうけど同一名のformが2ヶ所あります)


4:[完了] しずか [2002/06/13 00:55 ]

ひよこさん、ありがとうございました.
ご指摘のとおり、以下のように変えましたら出来ました.
ありがとうございました.

<INPUT id="check1" type="checkbox" value="1" name='list'>

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World