質問編集履歴
3
説明文修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
チェックボックスが縦に並んでいた場合、一番の上のチェックボックスにチェックをつけたあと、ShiftKeyを押しながら、例えば、上から５つ目のチェックボックスにチェックをつけたら、一番上から5つ目まで全部にチェックがつく、ということをやりたいです。
|
|
2
2
|
なおかつ、同じような動作でチェックを外すようなことをしたいです。
|
|
3
3
|
|
|
4
|
-
また同時に、チェックボックスについているlabelにもチェックがついたら、labelにclassを追加したいです。
|
|
5
|
-
今は下記のように書いています。
|
|
6
4
|
|
|
7
5
|
```html
|
|
8
6
|
<label class="hoge" id="hoge1">
|
|
@@ -45,6 +43,6 @@
|
|
|
45
43
|
```
|
|
46
44
|
参考サイト：https://www.softel.co.jp/blogs/tech/archives/5748
|
|
47
45
|
|
|
48
|
-
|
|
46
|
+
参考サイトのようにしたいのですが、うまくいきません。
|
|
49
47
|
ご教示お願いいたします。
|
|
50
48
|
また複数チェックについてももっと良い書き方があるのであれば、ご教示いいただけると助かります。
|
2
説明文修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
<script>
|
|
29
29
|
$(function(){
|
|
30
30
|
var checked_last = null;
|
|
31
|
-
$('.hoge').on('
|
|
31
|
+
$('.hoge').on('click', function(event) {
|
|
32
32
|
if (event.shiftKey && checked_last) {
|
|
33
33
|
var $targets = $('.chk_grp');
|
|
34
34
|
var p1 = $targets.index(checked_last)
|
|
@@ -45,6 +45,6 @@
|
|
|
45
45
|
```
|
|
46
46
|
参考サイト：https://www.softel.co.jp/blogs/tech/archives/5748
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
labelがないと、参考サイトのように、チェックはつくようですが、labelがあるとチェックがうまくつかず、また、labelにclassをつけられなくて悩んでいます。
|
|
49
49
|
ご教示お願いいたします。
|
|
50
50
|
また複数チェックについてももっと良い書き方があるのであれば、ご教示いいただけると助かります。
|
1
指摘事項反映
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
<script>
|
|
29
29
|
$(function(){
|
|
30
30
|
var checked_last = null;
|
|
31
|
-
$('hoge').on('mousedown mouseup', function mouseState(event) {
|
|
31
|
+
$('.hoge').on('mousedown mouseup', function mouseState(event) {
|
|
32
32
|
if (event.shiftKey && checked_last) {
|
|
33
33
|
var $targets = $('.chk_grp');
|
|
34
34
|
var p1 = $targets.index(checked_last)
|