質問編集履歴

5

文章の修正

2019/09/18 14:02

投稿

tartnac
tartnac

スコア18

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- #※原因が判明したので下部に追記しました!(新たにわからない点も出てきました)
1
+ #※原因が判明したので下部に追記しました!
2
2
 
3
3
 
4
4
 

4

文章の修正

2019/09/18 14:02

投稿

tartnac
tartnac

スコア18

test CHANGED
File without changes
test CHANGED
@@ -84,7 +84,9 @@
84
84
 
85
85
  ##【原因が判明しました】そして新たな問題が……
86
86
 
87
- コメント欄より(nullpot様より)ご指摘がございまして、原因が判明しました。上記の
87
+ コメント欄より(nullpot様より)ご指摘がございまして、原因が判明しました。
88
+
89
+ 上記のやり方であっていたようなのです。では何がいけなかったのかと言いますと、
88
90
 
89
91
  ```html
90
92
 
@@ -94,9 +96,9 @@
94
96
 
95
97
  ```
96
98
 
97
- の部分ですが、あくまで参考用といいますか例文でして。私が勝手に考えたものだったんです。
99
+ の部分なんですが、あくまで参考用といいますか例文でして。私が勝手に考えたものだったんです。
98
100
 
99
- 実際にはwordpressのcontact form 7で作成しており、上記のコードではなく、以下の**[ショートコード]**を記入していました。
101
+ 実際にはwordpressのcontact form 7で作成しており、のコードではなく、以下の**[ショートコード]**を記入していました。
100
102
 
101
103
  ```php
102
104
 
@@ -154,7 +156,7 @@
154
156
 
155
157
  なんということでしょう、なんかよーわからん<span>の部分にclass-ageが入っているではないですか。
156
158
 
157
- なんだこれはこれならうまくいかなかったのも頷けます。なるほど~。
159
+ これが原因でした。なんだこれは……これならうまくいかなかったのも頷けます。jQueryは悪くかったんですね~。
158
160
 
159
161
 
160
162
 

3

文章修正

2019/09/18 13:57

投稿

tartnac
tartnac

スコア18

test CHANGED
File without changes
test CHANGED
@@ -94,7 +94,9 @@
94
94
 
95
95
  ```
96
96
 
97
+ の部分ですが、あくまで参考用といいますか例文でして。私が勝手に考えたものだったんです。
98
+
97
- の部分ですが、あくまで参考用といいますか例文でして、実際にはwordpressのcontact form 7で作成しており、以下のショートコードを記入していました。
99
+ 実際にはwordpressのcontact form 7で作成しており、上記のコードではなく、以下の**[ショートコード]**を記入していました。
98
100
 
99
101
  ```php
100
102
 
@@ -150,9 +152,9 @@
150
152
 
151
153
  ###class="class-age"が<input type="radio"...のところに入ってない!
152
154
 
153
- なんということでしょう、なんかよーわからん<span>の部分にclass-ageが入っているではないですか。なんだこれは。
155
+ なんということでしょう、なんかよーわからん<span>の部分にclass-ageが入っているではないですか。
154
156
 
155
- これならうまくいかなかったのも頷けます。なるほど~。
157
+ なんだこれは。これならうまくいかなかったのも頷けます。なるほど~。
156
158
 
157
159
 
158
160
 

2

文章追記

2019/09/18 13:51

投稿

tartnac
tartnac

スコア18

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,8 @@
1
+ #※原因が判明したので下部に追記しました!(新たにわからない点も出てきました)
2
+
3
+
4
+
1
- #jQueryで特定のラジオボタンのみを対象にしたい
5
+ ##jQueryで特定のラジオボタンのみを対象にしたい
2
6
 
3
7
 
4
8
 
@@ -80,7 +84,7 @@
80
84
 
81
85
  ##【原因が判明しました】そして新たな問題が……
82
86
 
83
- 上記の
87
+ コメント欄より(nullpot様より)ご指摘がございまして、原因が判明しました。上記の
84
88
 
85
89
  ```html
86
90
 

1

新たな質問の追加

2019/09/18 13:47

投稿

tartnac
tartnac

スコア18

test CHANGED
File without changes
test CHANGED
@@ -71,3 +71,101 @@
71
71
  どなたかお教えいただければ幸いです。
72
72
 
73
73
  よろしくお願いいたします。
74
+
75
+
76
+
77
+ ---
78
+
79
+
80
+
81
+ ##【原因が判明しました】そして新たな問題が……
82
+
83
+ 上記の
84
+
85
+ ```html
86
+
87
+ <input type="radio" name="people" value="1人" checked="checked" />
88
+
89
+ <input type="radio" name="people" value="2人以上" />
90
+
91
+ ```
92
+
93
+ の部分ですが、あくまで参考用といいますか例文でして、実際にはwordpressのcontact form 7で作成しており、以下のショートコードを記入していました。
94
+
95
+ ```php
96
+
97
+ [radio age class:class-age use_label_element default:1 "10代" "20代"]
98
+
99
+ [radio gender class:class-gender use_label_element default:1 "男性" "女性"]
100
+
101
+ [radio people class:class-people use_label_element default:1 "1人" "2人以上"]
102
+
103
+ ```
104
+
105
+ それを実際に表示させた場合、次のようなソースコードになっていました。
106
+
107
+ ※ とりあえずage(10代・20代)のみ以下に表示
108
+
109
+ ```html
110
+
111
+ <span class="wpcf7-form-control-wrap age">
112
+
113
+ <span class="wpcf7-form-control wpcf7-radio class-age">
114
+
115
+ <span class="wpcf7-list-item first">
116
+
117
+ <label>
118
+
119
+ <input type="radio" name="age" value="10代" checked="checked" />
120
+
121
+ <span class="wpcf7-list-item-label">10代</span>
122
+
123
+ </label>
124
+
125
+ </span>
126
+
127
+ <span class="wpcf7-list-item last">
128
+
129
+ <label>
130
+
131
+ <input type="radio" name="age" value="20代" />
132
+
133
+ <span class="wpcf7-list-item-label">20代</span>
134
+
135
+ </label>
136
+
137
+ </span>
138
+
139
+ </span>
140
+
141
+ </span>
142
+
143
+ ```
144
+
145
+
146
+
147
+ ###class="class-age"が<input type="radio"...のところに入ってない!
148
+
149
+ なんということでしょう、なんかよーわからん<span>の部分にclass-ageが入っているではないですか。なんだこれは。
150
+
151
+ これならうまくいかなかったのも頷けます。なるほど~。
152
+
153
+
154
+
155
+ ###では一体どうすればいいのか?
156
+
157
+ 恐らく以下のような感じにすればいいのでは?と思っていますが……これがわからないでいます。
158
+
159
+ ```jQuery
160
+
161
+ $(function(){
162
+
163
+ $('.class-ageの中(内側)にあるinput[type="radio"]要素').prop('disabled',true);
164
+
165
+ });
166
+
167
+ ```
168
+
169
+ あとちょっとでゴールまで行けそうなんですが、簡単そうに見えて私の実力では残念ながらクリアできないという……。
170
+
171
+ どなたかお教え願えませんでしょうか?