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

質問編集履歴

2

該当ソースの抜粋を追加

2020/07/15 23:31

投稿

naserehari
naserehari

スコア35

title CHANGED
File without changes
body CHANGED
@@ -18,4 +18,44 @@
18
18
 
19
19
  ![![イメージ説明](0f207f8f4b647568e076b2b5e599cdcb.png)](b44872669d686795ffc5eb4104c9bf5b.png)
20
20
 
21
- なぜ、普通の配列じゃないのでしょうか? またこのオブジェクト(?)は何ですか? `map` 使うとこうなる?
21
+ なぜ、普通の配列じゃないのでしょうか? またこのオブジェクト(?)は何ですか? `map` 使うとこうなる?
22
+
23
+ 尚、該当ソースの抜粋は以下の通りです。
24
+
25
+ ```html
26
+ <input type="checkbox" name="hoge" id="hoge" value="267" />
27
+ <label for="hoge">hoge</label>
28
+
29
+ <br>
30
+
31
+ <input type="checkbox" name="fuga" id="fuga" value="888" />
32
+ <label for="fuga">fuga</label>
33
+
34
+ <script>
35
+ function checkedValues() {
36
+ var values = $('input:checkbox:checked').map(function() {
37
+ return $(this).val()
38
+ });
39
+ return values
40
+ }
41
+
42
+ function enableLink(b) {
43
+ if (b) {
44
+ $('#link').removeClass("disabled")
45
+ } else {
46
+ $('#link').addClass("disabled")
47
+ }
48
+ }
49
+
50
+ function setLinkState() {
51
+ var ids = checkedValues()
52
+ enableLink(ids.length > 0)
53
+ }
54
+ jQuery(function($) {
55
+ $('input:checkbox').click(function() {
56
+ setLinkState()
57
+ })
58
+ setLinkState()
59
+ })
60
+ </script>
61
+ ```

1

説明内容がわかりにくかったので修正した

2020/07/15 23:31

投稿

naserehari
naserehari

スコア35

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- 以下の文を実行すると、、、
1
+ 以下の~~文を実行すると、、、~~関数があります。
2
2
 
3
3
  ```js
4
4
  function checkedValues() {
@@ -9,7 +9,8 @@
9
9
  }
10
10
  ```
11
11
 
12
- chrome の console には以下のように表示されます。
12
+ ~~chrome の console には以下のように表示されます。~~
13
+ この関数を実行している画面で Chrome console を開き、関数を直接入力して実行すると以下のように表示されました。
13
14
 
14
15
  `E.fn.init ["999", prevObject: E.fn.init(1)]`
15
16