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

回答編集履歴

1

sample

2017/11/15 05:27

投稿

yambejp
yambejp

スコア117918

answer CHANGED
@@ -22,4 +22,39 @@
22
22
  <input type="checkbox" name="x" value="6" >06<br>
23
23
  <input type="submit" value="go">
24
24
  </form>
25
- ```
25
+ ```
26
+
27
+ # sample
28
+ とりあえず手抜きですがjavascriptでサンプル付けておきます
29
+ トリガーをsubmitにしてありますが、何か別の方法を想定されているなら
30
+ 別途例示下さい
31
+
32
+ ```PHP
33
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
34
+ <script>
35
+ $(function(){
36
+ $('#f1').on('submit',function(e){
37
+ e.preventDefault();
38
+ if($(this).find(':checked').length>0){
39
+ var a=Array.prototype.sort.call($(this).find(':checked'),function(){
40
+ return Math.random()>0.5;
41
+ })[0];
42
+ location.href="?"+a.name+"=1";
43
+ }
44
+ });
45
+ });
46
+ </script>
47
+ <form method="get" id="f1">
48
+ <input type="checkbox" name="01" value="1" >01<br>
49
+ <input type="checkbox" name="02" value="1" >02<br>
50
+ <input type="checkbox" name="03" value="1" >03<br>
51
+ <input type="checkbox" name="04" value="1" >04<br>
52
+ <input type="checkbox" name="05" value="1" >05<br>
53
+ <input type="checkbox" name="06" value="1" >06<br>
54
+ <input type="submit" value="go">
55
+ </form>
56
+ <?PHP
57
+ print_r($_GET);
58
+ ?>
59
+ ```
60
+ ※もともとjavascriptの質問ではないのでjQueryの参照先もfullで書いておきました