jQuery分かるプログラマーこち来てこ

1 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 17:59:14.323 ID:ZhyrHA+5d.net



jQueryでこのチェックボックスの四角を丸くしたいんだけど
セレクターの指定の仕方が違うせいかcssを書き換えれない
cssファイル上では.cp_ipcheck label:beforeで
ちゃんと指定が出来ててスタイルも反映されてるんだけど
どうやってjQueryで動的に書き換えれるのだろうか

2 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 17:59:30.040 ID:YiwpDjxS0

React使う

3 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:00:15.553 ID:ZhyrHA+5d

お前らなら流石に分かるよな

4 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:00:21.998 ID:ZhyrHA+5d

信じているぜ

5 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:01:02.247 ID:zqG2UNPP0

5分待って

6 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:01:24.456 ID:WTByfzXm0

人に物を聞く時の写真の撮り方じゃなくて笑ってしまう

7 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:06:41.328 ID:GVyJ2Gbca

単純にCSS効いてないんじゃね
#box > label::before {}とかにすりゃ効きそうだけど

8 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:08:07.241 ID:3B8ybCOm0

border-radius: 1em

9 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:09:01.219 ID:ZhyrHA+5d

どうも調べたら:beforeみたいな擬似要素はDOMじゃないから
javascriptでは操作できないらしい…

10 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:09:58.129 ID:GVyJ2Gbca

だから動的に変えなくていいだろ
生成されたDOMに対して効くようにCSS書き直せ

11 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:10:56.299 ID:ZhyrHA+5d

label自体にcssを2パターン用意しておいて
labelにaとかbのクラスを割り当てたり消したりすることで
a:before
b:before
が適用されたりされなかったりで操作するのが通例らしい

12 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:11:11.332 ID:ZhyrHA+5d

そんなん知るか…

13 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:11:29.725 ID:ZhyrHA+5d

>>10
動的に変えたいんだが…

14 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:11:33.894 ID:oElr0+B70

四角と丸を切り替えるの?はじめから丸ならCSSで対応しようず

15 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:11:42.620 ID:ZhyrHA+5d

まぁちょっとそのやり方で試してみる

16 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:12:11.721 ID:3B8ybCOm0

表示しといて displayだけ変えれば

17 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:12:48.859 ID:ZhyrHA+5d

>>14
そうそう
同じhtmlでラジオボタンとチェックボックスを動的に変えたいから
見た目のデザインをcssで動的に変える

18 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:13:07.281 ID:ZhyrHA+5d

>>16
そういうやり方もあるか…

19 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:13:09.451 ID:nLjZr/mod

スクショもできないやつには無理

20 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:13:13.287 ID:GVyJ2Gbca

>>13
チェックされたら丸に変えるってこと?
:checkedとか使えば?

21 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:13:31.377 ID:c8/6CDdbr

四角と丸を表示非表示切り替えで誤魔化せ

22 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:14:18.207 ID:GVyJ2Gbca

ボタン自体変えるなら要素予め作ってdisplayで切り替えがいいだろうな

23 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:24:10.813 ID:ZhyrHA+5d

設問が変わると当然回答のMAとSAが変わるから
それに応じてラジオとチェックを入れ替える感じ

設問パネルを選ぶとモーダルが出てきて
そこに選択肢が乗ってるわけなんだが
モーダルがhtmlソース上で1つしかないから
動的に書き換えれると便利という

24 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:25:01.625 ID:ZhyrHA+5d

https://idotdesign.net/blog/web/js/non-dom-before-after/
このやり方でとりあえずやりたい事はやれた

25 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:25:32.366 ID:6wAVRGhP0

直撮りガイジじゃん

26 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:27:13.670 ID:3B8ybCOm0

reactでやれよマジ

27 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:30:45.937 ID:jkWn6Q6L0

プログラマーに聞くな
デザイナーの範疇だろ

28 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:33:42.199 ID:GVyJ2Gbca

Vue.jsでやれ

29 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:51:30.774 ID:ZhyrHA+5d

reactやった事ないけど何がいいんだよ

30 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:56:39.079 ID:ZhyrHA+5d

なんか便利そうだな
次何か作る時は使ってみようかな

31 :以下、?ちゃんねるからVIPがお送りします:2019/11/01(金) 18:58:20.964 ID:inDyZwMU0

やってみた試してみたで何も成長しないクズになりそうだね

36件をまとめました。
最新情報はこちら