質問編集履歴

4

文法の修正

2019/11/14 01:42

投稿

backwimps
backwimps

スコア7

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  valueの値を取得してその値ごとにactionを動的に変え、遷移時にフェードアウトさせようとしているのですが、
6
6
 
7
- sex-age.htmlこのページにおいてvalue="man"を選択しsubmitしたらactionが書き換わり遷移されると思ったのですが
7
+ sex-age.htmlこのページにおいてvalue="man"を選択しsubmitしたらactionが書き換わり遷移されると思ったのですが、遷移されず同じページに戻されます
8
8
 
9
9
  if(url.match(/sex-age.html/)){
10
10
 

3

HTML追記

2019/11/14 01:41

投稿

backwimps
backwimps

スコア7

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,75 @@
22
22
 
23
23
 
24
24
 
25
+ ###html
25
26
 
27
+ ```
28
+
29
+ <main>
30
+
31
+ <div class="s-contents">
32
+
33
+ <form method="get" class="form" id="sex-age" name="sexageform" data-validate>
34
+
35
+ <h2 class="s-heading age-heading">あなたの性別は?</h2>
36
+
37
+ <div class="s-radio-box">
38
+
39
+ <div class="btn corner-border corner-button">
40
+
41
+ <input id="man" type="radio" name="sex" value="man">
42
+
43
+ <label for="man" class=" corner-border__inner">
44
+
45
+ <img src="/check/common/img/man.png" alt="" class="border">
46
+
47
+ </label>
48
+
49
+ </div>
50
+
51
+ <div class="btn corner-border corner-button">
52
+
53
+ <input id="woman" type="radio" name="sex" value="woman">
54
+
55
+ <label for="woman" class=" corner-border__inner">
56
+
57
+ <img src="/check/common/img/woman.png" alt="" class="border">
58
+
59
+ </label></div>
60
+
61
+ </div>
62
+
63
+ <h2 class="s-heading">あなたの年齢は?</h2>
64
+
65
+ <div class="age">
66
+
67
+ <input type="number" name="age" max="60" min="20" placeholder="年齢" id="number" required>
68
+
69
+ </div>
70
+
71
+ <div class="s-btn-line">
72
+
73
+ <a href="javascript:void(0);" onclick="window.history.back();"><img src="/check/common/img/return.png" alt=""></a>
74
+
75
+ <input type="submit" value="次へ" onclick="puff()" id="next" disabled="disabled">
76
+
77
+ <div class=""></div>
78
+
79
+ </div>
80
+
81
+ </form>
82
+
83
+ </div>
84
+
85
+ </main>
86
+
87
+
88
+
89
+ ```
90
+
91
+
92
+
93
+ ### js
26
94
 
27
95
  ```
28
96
 

2

文法の修正

2019/11/14 01:37

投稿

backwimps
backwimps

スコア7

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  valueの値を取得してその値ごとにactionを動的に変え、遷移時にフェードアウトさせようとしているのですが、
6
6
 
7
- sex-age.htmlこのページにおいてvalue="man"を選択しsubmitしても
7
+ sex-age.htmlこのページにおいてvalue="man"を選択しsubmitしたらactionが書き換わり遷移されると思ったのですが
8
8
 
9
9
  if(url.match(/sex-age.html/)){
10
10
 

1

文法の修正

2019/11/13 17:06

投稿

backwimps
backwimps

スコア7

test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,19 @@
4
4
 
5
5
  valueの値を取得してその値ごとにactionを動的に変え、遷移時にフェードアウトさせようとしているのですが、
6
6
 
7
- settimeoutに記載た関数が動きません。
7
+ sex-age.htmlこのページにおいてvalue="man"を選択しsubmitしても
8
8
 
9
- エラーも特にはいていないです。
9
+ if(url.match(/sex-age.html/)){
10
+
11
+ if(document.sexageform.sex.value == "man"){
12
+
13
+
14
+
15
+ document.sexageform.action="/check/point_men.html";
16
+
17
+ }
18
+
19
+ ここに引っかかりません、console.logで確認しても値が表示できなかったのでなぜここに引っかからないのかがわかりません。
10
20
 
11
21
  原因がわかる方がいましたら、教えていただければ幸いです。
12
22
 
@@ -34,27 +44,19 @@
34
44
 
35
45
  let url = location.href ;
36
46
 
37
- console.log(url);
47
+
38
48
 
39
49
  if(url.match(/sex-age.html/)){
40
50
 
41
- console.log("testtest");
42
-
43
51
  if(document.sexageform.sex.value == "man"){
44
-
45
-
46
-
47
- location.href = '/check/point_men.html';
48
52
 
49
53
 
50
54
 
51
- // document.sexageform.action="/check/point_men.html";
55
+ document.sexageform.action="/check/point_men.html";
52
56
 
53
57
  }
54
58
 
55
59
  else if(document.sexageform.sex.value == "woman"){
56
-
57
- document.sexageform.submit();
58
60
 
59
61
 
60
62
 
@@ -85,8 +87,6 @@
85
87
  }
86
88
 
87
89
  else if(url.match(/check.html/)){
88
-
89
- // ここだけ反応する
90
90
 
91
91
  location.href = '/check/sex-age.html';
92
92