質問編集履歴

2

修正

2017/04/20 15:18

投稿

kotori_00
kotori_00

スコア46

test CHANGED
@@ -1 +1 @@
1
- 文字列と文字列の比較
1
+ ifでの文字列と文字列の比較
test CHANGED
File without changes

1

修正

2017/04/20 15:18

投稿

kotori_00
kotori_00

スコア46

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  - input[type="button"]のvalueを変更
8
8
 
9
- - ある要素を表示、非表示する
9
+ - p要素を表示、非表示する
10
10
 
11
11
 
12
12
 
@@ -22,22 +22,54 @@
22
22
 
23
23
  ```html
24
24
 
25
-
26
-
27
25
  <p class="show">sample</p>
28
26
 
29
- <p class="hidden">sample-hidden</p>
27
+ <p class="hidden">sample-hidden</p>
30
28
 
31
- <label for="">〒&nbsp;<input type="text" size="6" maxlength="3">&nbsp;-&nbsp;<input type="text" size="8" maxlength="4">&nbsp;<input class="post-btn" type="button" value="ボタン"></label>
29
+ <input class="btn" type="button" value="ボタン">
32
30
 
33
31
 
34
32
 
35
- <p class="show">sample</p>
33
+ ```
36
34
 
37
- <p class="hidden"></p>
38
35
 
39
- <label for="">
40
36
 
37
+ ```jQuery
38
+
39
+ $(function(){
40
+
41
+ $('.btn').click(function(){
42
+
43
+ var $btn = $(this).val();
44
+
45
+ var $btnButton = $(this).val('ボタン');
46
+
47
+ if($btn.equals($btnButton)){
48
+
49
+ $(this).val('ok');
50
+
51
+ $('.show').hide();
52
+
53
+ $('.hidden').show();
54
+
41
- </label>
55
+ alert('true');
56
+
57
+ } else {
58
+
59
+ $btnButton;
60
+
61
+ $('.show').show();
62
+
63
+ $('.hidden').hide();
64
+
65
+ alert('faluse');
66
+
67
+ });
68
+
69
+ });
42
70
 
43
71
  ```
72
+
73
+ ちなみに、ボタンをクリックしてもalert();がどちらも動作しませんでした。
74
+
75
+ それと、オブジェクト$('.btn')を$('input[type="button"]')にしても同じでした。