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

回答編集履歴

4

文法修正

2021/11/17 16:10

投稿

mmkkmm
mmkkmm

スコア103

answer CHANGED
@@ -1,10 +1,10 @@
1
1
  **結論**
2
- 小手先感感満載なのであまり綺麗ではないと思いますが、手元で試した感じでは以下1,2,3で実現出来そうでした。
2
+ 小手先感あって、あまり綺麗じゃないすが、手元で試した所、以下1,2,3で実現出来そうでした。
3
3
 
4
- [1] プラグイン内で定義しているフォームの形式のコード をちょっと修正
4
+ 1 プラグイン内で定義しているフォームの形式のコード(html) をちょっと修正
5
5
  [パンフレット送付希望]をラップしているdiv.FormItemに.FormItemPamphを追加。
6
6
 
7
- [2] css追加
7
+ 2 css追加
8
8
  以下を</head>閉じタグ手前に追加。
9
9
  ```css
10
10
  <style>
@@ -20,7 +20,7 @@
20
20
  </style>
21
21
  ```
22
22
 
23
- [3] js追加
23
+ 3 js追加
24
24
  以下を</body>閉じタグ手前に追加。
25
25
  ```jquery
26
26
  <script>
@@ -31,5 +31,5 @@
31
31
  </script>
32
32
  ```
33
33
  **説明**
34
- - [備考]は、valueが空のinputを子要素に持ってたら、nini_nullクラスをjsで付与して、cssで非表示
34
+ - [備考]は、valueが空のinputを子要素に持ってる親divがあったら、それにnini_nullクラスをjsで付与して、cssで非表示する
35
- - [パンフ希望]は、確認画面では基本非表示にしておいて、valueが神言学〜のinputを子要素に持ってたら、nini_ariクラスをjsで付与して、その時だけcssで表示
35
+ - [パンフ希望]は、確認画面では基本非表示にしておいて、valueが[神言学〜]のinputを子要素に持ってる親divがあったら、それにnini_ariクラスをjsで付与して、cssで表示する

3

文法修正

2021/11/17 16:10

投稿

mmkkmm
mmkkmm

スコア103

answer CHANGED
@@ -1,5 +1,5 @@
1
1
  **結論**
2
- 手元で試したすが、以下1,2,3で実現出来そうでした。
2
+ 先感感満載なのであまり綺麗ではないと思いますが、手元で試した感じ以下1,2,3で実現出来そうでした。
3
3
 
4
4
  [1] プラグイン内で定義しているフォームの形式のコード をちょっと修正
5
5
  [パンフレット送付希望]をラップしているdiv.FormItemに.FormItemPamphを追加。

2

文法修正

2021/11/17 16:04

投稿

mmkkmm
mmkkmm

スコア103

answer CHANGED
@@ -1,3 +1,4 @@
1
+ **結論**
1
2
  手元で試したのですが、以下1,2,3で実現出来てそうでした。
2
3
 
3
4
  [1] プラグイン内で定義しているフォームの形式のコード をちょっと修正
@@ -29,7 +30,6 @@
29
30
  });
30
31
  </script>
31
32
  ```
32
-
33
- [説明]
33
+ **説明**
34
34
  - [備考]は、valueが空のinputを子要素に持ってたら、nini_nullクラスをjsで付与して、cssで非表示
35
35
  - [パンフ希望]は、確認画面では基本非表示にしておいて、valueが神言学〜のinputを子要素に持ってたら、nini_ariクラスをjsで付与して、その時だけcssで表示

1

文法修正

2021/11/17 15:56

投稿

mmkkmm
mmkkmm

スコア103

answer CHANGED
@@ -1,9 +1,12 @@
1
- 【1】プラグイン内定義ているフォーム形式のコード
1
+ 手元ですが、以下1,2,3で実現出来てそうでした。
2
- [パンフレット送付希望]をラップしているdivに.FormItemPamphを追加する(CSSとJSで、対象要素を判別する為)
3
2
 
3
+ [1] プラグイン内で定義しているフォームの形式のコード をちょっと修正
4
+ [パンフレット送付希望]をラップしているdiv.FormItemに.FormItemPamphを追加。
5
+
4
- 2css
6
+ [2] css追加
5
- 以下みたいなのを追加する
7
+ 以下を</head>閉じタグ手前に追加
6
8
  ```css
9
+ <style>
7
10
  .FormItemRemarks.nini_null {
8
11
  display: none;
9
12
  }
@@ -13,20 +16,20 @@
13
16
  .mw_wp_form_confirm .FormItemPamph.nini_ari {
14
17
  display: block;
15
18
  }
19
+ </style>
16
20
  ```
17
- - [備考]は、inputのvalueが空の子要素持ってたら、nini_noneクラスをjsで付与することにするので、その時用の非表示を定義してる
18
- - [パンフ希望]は、確認画面では基本非表示にしておく。そして、送付希望ONの場合だけ、表示するように定義してる
19
21
 
20
-
21
- 3js
22
+ [3] js追加
22
- 以下みたいなのを追加する
23
+ 以下を</body>閉じタグ手前に追加
23
24
  ```jquery
25
+ <script>
24
26
  jQuery(document).ready(function(){
25
27
  jQuery('.FormItemRemarks:has(input[value=""])').addClass("nini_null");
26
28
  jQuery('.FormItemPamph:has(input[value="神言学のパンフレットの送付を希望します。"])').addClass("nini_ari");
27
29
  });
30
+ </script>
28
31
  ```
29
- - [備考]は、inputのvalueが空の子要素持ってたら、nini_noneクラスを付与する
30
- - [パンフ希望]は、送付希望ONの場合、nini_ariを付与する
31
32
 
33
+ [説明]
32
- 手元で試した感じでは、上記【1】【2】【3】で実現出来そうでした。
34
+ - [備考]は、valueが空のinputを子要素に持ったら、nini_nullクラスをjs付与て、cssで非表示
35
+ - [パンフ希望]は、確認画面では基本非表示にしておいて、valueが神言学〜のinputを子要素に持ってたら、nini_ariクラスをjsで付与して、その時だけcssで表示