JavaScript　複数オブジェクト　取得

htmlコード内のid属性をユニークにして複数のオブジェクトを取得できる関数を使用し、取得したオブジェクト群を繰り返してチェックボックス非表示にする処理を行いたいんですが、例えばgetElementByNameだとname属性が存在するコード全てが範囲となってしまうため、getElementByNameの場合「ここのname属性」getElementByTagNameの場合「ここのtag」等オブジェクトの中でも特定して処理を行う書き方ってあるんでしょうか

HTML
1<html>
2	<head>
3		<meta charset="utf-8">
4		<script>
5			function condition() {
6				var de = document.getElementById("r3").checked;
7				var up = document.getElementById("r2").checked;
8				if (de == false) {
9					if (document.getElementById('name').value.length < 10) {
10						window.alert("ERROR");
11						return false;
12					} else if (document.getElementById('name').value.length == "") {
13						window.alert("ERROR");
14						return false;
15					} else if (document.getElementById('comment').value.length < 300) {
16						window.alert("ERROR");
17						return false;
18					} else if (document.getElementById('comment').value.length == "") {
19						window.alert("ERROR");
20						return false;
21					} else if (up == true) {
22						nochk();
23					}
24				} else {
25					nochk();
26				}
27			}
28			function change() {
29				var radiob = document.getElementsByName('bbs');
30				if (document.getElementById("r1").checked) {
31					document.getElementById("send").value = "投稿";
32					document.getElementById('chkb').disabled = true;
33				} else if (document.getElementById("r2").checked) {
34					document.getElementById("send").value = "更新";
35					document.getElementById('chkb').disabled = false;
36				} else if (document.getElementById("r3").checked) {
37					document.getElementById("send").value = "削除";
38					document.getElementById('chkb').disabled = false;
39				}
40			}
41		</script>
42	</head>
43	<body>
44		<form method="post" action="" name="form" onsubmit="return condition()">
45			<table>
46				<tr>
47					<td>
48						名前：<input type="text" name="name" id="name">
49						内容：<textarea name="comment" cols="30" rows="3" id="comment"></textarea>
50						<input type="radio" name="bbs" id="r1" value="post" onchange="change()">投稿
51						<input type="radio" name="bbs" id="r2" value="update" onchange="change()">更新
52						<input type="radio" name="bbs" id="r3" value="delete" onchange="change()">削除
53						<input type="submit" value="投稿" id="send">
54					</td>
55				</tr>
56			</table>
57
58<?php
59			while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
60?>
61
62			<table>
63				<input type="checkbox" name="chkid[]" id="chkb" value="<?=$row['id'] ?>">
64				<tr>
65					<td>名前：
66						<?php echo $row['name'] ?>
67					</td>
68				</tr>
69				<tr>
70					<td>内容：
71						<?php echo $row['comment'] ?>
72					</td>
73				</tr>
74			</table>
75
76<?php
77			}
78			mysqli_free_result($result);
79
80			mysqli_close($link);
81?>
82
83		</form>
84	</body>
85</html>

kei344

2016/08/25 07:53

https://teratail.com/questions/45427 とりあえずこちらを解決されては？

行動規範の内容に同意します

回答2件

ベストアンサー

html
1<!DOCTYPE HTML>
2<html lang="ja">
3	<head>
4		<meta charset="UTF-8">
5		<title>サンプルコード</title>
6	</head>
7	<body>
8		<p class="paragraph">1</p>
9		<p class="paragraph">2</p>
10		<p class="paragraph">3</p>
11		<p class="paragraph">4</p>
12	</body>
13	<script>
14		var paragraphs = document.getElementsByClassName('paragraph');
15
16		for (var i = 0; i < paragraphs.length; i++) {
17			console.log(paragraphs[i]);
18			console.log(paragraphs[i].innerHTML);
19		}
20	</script>
21</html>