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

回答編集履歴

1

追記

2016/12/13 07:41

投稿

yambejp
yambejp

スコア117967

answer CHANGED
@@ -1,3 +1,34 @@
1
1
  idに数字だけ(数字からはじまる文字列)をつけるのはNGです
2
2
  また、ご提示のソースのラジオボタンは同名で管理されているものが存在してないので
3
- ラジオボタンの体をなしていませんが、なにかしら拡張してつかうということでしょうか?
3
+ ラジオボタンの体をなしていませんが、なにかしら拡張してつかうということでしょうか?
4
+
5
+ # 追記
6
+ ラジオボタンのchangeはcheckedが外れるときには発動しないようなので
7
+ 以下で十分かもしれません
8
+ なおidはユニークにつけてください
9
+
10
+ ```HTML
11
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
12
+ <script>
13
+ $(function(){
14
+ $('.target input[type=radio]').on('change',function(){
15
+ console.log($(this).val())
16
+ console.log($(this).prop('id'))
17
+ });
18
+ });
19
+ </script>
20
+ <div class="target">
21
+ <div class="m-radio">
22
+ <input id="x20" name="hoge" type="radio" value="true">
23
+ <label for="x20">true</label>
24
+ </div>
25
+ <div class="m-radio">
26
+ <input id="x21" name="hoge" type="radio" value="false">
27
+ <label for="x21">false</label>
28
+ </div>
29
+ <div class="m-radio">
30
+ <input id="x22" name="hoge" type="radio" value="test">
31
+ <label for="x22">test</label>
32
+ </div>
33
+ </div>
34
+ ```