teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

修正

2016/08/03 02:55

投稿

yambejp
yambejp

スコア117914

answer CHANGED
@@ -4,14 +4,14 @@
4
4
 
5
5
  # 追記
6
6
  たとえばこんな感じ
7
- ```HTML
8
- <script>
7
+ ```javascript
9
8
  $(function() {
10
9
  $('input.a').change(function(e) {
11
10
  $(this).parent().find('input.b').attr('disabled',$(this).val()=="");
12
11
  }).change();
13
12
  });
13
+ ```
14
- </script>
14
+ ```HTML
15
15
  <form>
16
16
  <div><input type="text" class="a" value=""><input type="text" class="b" value="test"></div>
17
17
  <div><input type="text" class="a" value="test"><input type="text" class="b" value="test"></div>

1

追記

2016/08/03 02:55

投稿

yambejp
yambejp

スコア117914

answer CHANGED
@@ -1,3 +1,21 @@
1
1
  HTML(XML)の表記が必要
2
2
  端的に言えばaとbがグルーピングされてなければ
3
- aに対してすべてのbが反応してしまうのでは?
3
+ aに対してすべてのbが反応してしまうのでは?
4
+
5
+ # 追記
6
+ たとえばこんな感じ
7
+ ```HTML
8
+ <script>
9
+ $(function() {
10
+ $('input.a').change(function(e) {
11
+ $(this).parent().find('input.b').attr('disabled',$(this).val()=="");
12
+ }).change();
13
+ });
14
+ </script>
15
+ <form>
16
+ <div><input type="text" class="a" value=""><input type="text" class="b" value="test"></div>
17
+ <div><input type="text" class="a" value="test"><input type="text" class="b" value="test"></div>
18
+ </form>
19
+ ```
20
+ テーブルで管理している場合trごとにグルーピングしているなら
21
+ どこまでparentを遡るかなど適宜調整してください