※ ChatGPTを利用し、要約された質問です(原文:フォームの値を)
javascriptでフォームの値をチェックする方法
このQ&Aのポイント
javascriptを使用して、フォームの値をチェックする方法について教えてください。
チェックボックスの数に応じて、新規登録・変更・削除を制御する方法について教えてください。
エラーメッセージやデバッグ方法についても教えていただけると助かります。
javascriptでチェックボックスがゼロ個だったら新規登録を、
一個だったら変更を、「登録/変更」ボタンで、削除ボタンで削除をしたいと思っていますがうまくできません。
どなたかご教示お願いいたします。
http://www.jslint.com/
でエラーを調べてみましたが、よく分かりませんでした。
~~~~~~以下がエラーです~~~~~~~~
Problem at line 6 character 10: The 'language' attribute is deprecated.
<script language="JavaScript" type="text/javascript">
Problem at line 44 character 84: Missing semicolon.
<input type="button" name="regist-change" value="登録/変更" onclick="checker...
Problem at line 45 character 74: Missing semicolon.
<input type="button" name="remove" value="削除" onclick="checker(this)">
~~~~~~以下がソースです~~~~~~~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>請求書マスタ一覧・検索</title>
<script language="JavaScript" type="text/javascript">
function checker(fObj){
count = 0;
for (i=0; i<12; i++){
if (document.BILLFORM.elements[i].checked){
count++;
}
}
alert(count);
if (document.forms[BILLFORM].name===regist-change){
if (count === "0"){
location.href='bill_regist.html';
}else if (count === "1"){
location.href='bill_change.html';
}else{
alert("複数選択されています");
}
}else if(fObj===document.BILLFORM.remove){
location.href='bill_main.html';
}
}
</script>
</head>
<body>
<form action="logout.html">
<div align="right"><input type="submit" name="logout" value="ログアウト"></div>
</form>
<form id="BILLFORM">
<table>
<tbody>
<tr>
<td colspan="8">
<div align="right">
<input type="button" name="regist-change" value="登録/変更" onclick="checker(this)">
<input type="button" name="remove" value="削除" onclick="checker(this)">
</div>
</td>
</tr>
<tr>
<td nowrap>
請求書ID
</td>
<td nowrap>
作業担当者ID
</td>
<td nowrap>
請求先企業名ID
</td>
<td nowrap>
請求書番号
</td>
<td nowrap>
契約MAPID
</td>
<td nowrap>
交通費
</td>
<td nowrap>
その他経費
</td>
<td>
</td>
</tr>
<tr>
<td>
12345678:
</td>
<td>
12345678:
</td>
<td>
yyyy/mm/dd/hh/mm/ss:
</td>
<td>
yyyy/mm/dd/hh/mm/ss:
</td>
<td>
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890:
</td>
<td>
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890:
</td>
<td>
12345678:
</td>
<td>
<input type="checkbox" value="00000001">
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
お礼
回答ありがとうございます! elementsが必要だったんですね。 また、必要だったのはHTMLのサンプルでしたので実際の変更作業は後々考えることにしています。 ありがとうございました。