- 1 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 17:59:14.323 ID:ZhyrHA+5d
-
https://i.imgur.com/TnNKIvj.jpgjQueryでこのチェックボックスの四角を丸くしたいんだけど
セレクターの指定の仕方が違うせいかcssを書き換えれない
cssファイル上では.cp_ipcheck label:beforeで
ちゃんと指定が出来ててスタイルも反映されてるんだけど
どうやってjQueryで動的に書き換えれるのだろうか - 2 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 17:59:30.040 ID:YiwpDjxS0
- React使う
- 3 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:00:15.553 ID:ZhyrHA+5d
- お前らなら流石に分かるよな
- 4 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:00:21.998 ID:ZhyrHA+5d
- 信じているぜ
- 5 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:01:02.247 ID:zqG2UNPP0
- 5分待って
- 6 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:01:24.456 ID:WTByfzXm0
- 人に物を聞く時の写真の撮り方じゃなくて笑ってしまう
- 7 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:06:41.328 ID:GVyJ2Gbca
- 単純にCSS効いてないんじゃね
#box > label::before {}とかにすりゃ効きそうだけど - 8 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:08:07.241 ID:3B8ybCOm0
- border-radius: 1em
- 9 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:09:01.219 ID:ZhyrHA+5d
- どうも調べたら:beforeみたいな擬似要素はDOMじゃないから
javascriptでは操作できないらしい… - 10 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:09:58.129 ID:GVyJ2Gbca
- だから動的に変えなくていいだろ
生成されたDOMに対して効くようにCSS書き直せ - 13 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:11:29.725 ID:ZhyrHA+5d
- >>10
動的に変えたいんだが… - 20 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:13:13.287 ID:GVyJ2Gbca
- >>13
チェックされたら丸に変えるってこと?
:checkedとか使えば? - 11 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:10:56.299 ID:ZhyrHA+5d
- label自体にcssを2パターン用意しておいて
labelにaとかbのクラスを割り当てたり消したりすることで
a:before
b:before
が適用されたりされなかったりで操作するのが通例らしい - 12 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:11:11.332 ID:ZhyrHA+5d
- そんなん知るか…
- 14 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:11:33.894 ID:oElr0+B70
- 四角と丸を切り替えるの?はじめから丸ならCSSで対応しようず
- 17 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:12:48.859 ID:ZhyrHA+5d
- >>14
そうそう
同じhtmlでラジオボタンとチェックボックスを動的に変えたいから
見た目のデザインをcssで動的に変える - 15 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:11:42.620 ID:ZhyrHA+5d
- まぁちょっとそのやり方で試してみる
- 16 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:12:11.721 ID:3B8ybCOm0
- 表示しといて displayだけ変えれば
- 18 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:13:07.281 ID:ZhyrHA+5d
- >>16
そういうやり方もあるか… - 19 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:13:09.451 ID:nLjZr/mod
- スクショもできないやつには無理
- 21 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:13:31.377 ID:c8/6CDdbr
- 四角と丸を表示非表示切り替えで誤魔化せ
- 22 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:14:18.207 ID:GVyJ2Gbca
- ボタン自体変えるなら要素予め作ってdisplayで切り替えがいいだろうな
- 23 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:24:10.813 ID:ZhyrHA+5d
- 設問が変わると当然回答のMAとSAが変わるから
それに応じてラジオとチェックを入れ替える感じ設問パネルを選ぶとモーダルが出てきて
そこに選択肢が乗ってるわけなんだが
モーダルがhtmlソース上で1つしかないから
動的に書き換えれると便利という - 25 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:25:32.366 ID:6wAVRGhP0
- 直撮りガ●ジじゃん
- 26 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:27:13.670 ID:3B8ybCOm0
- reactでやれよマジ
- 27 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:30:45.937 ID:jkWn6Q6L0
- プログラマーに聞くな
デザイナーの範疇だろ - 28 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:33:42.199 ID:GVyJ2Gbca
- Vue.jsでやれ
- 29 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:51:30.774 ID:ZhyrHA+5d
- reactやった事ないけど何がいいんだよ
- 30 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:56:39.079 ID:ZhyrHA+5d
- なんか便利そうだな
次何か作る時は使ってみようかな - 31 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 18:58:20.964 ID:inDyZwMU0
- やってみた試してみたで何も成長しないクズになりそうだね
- 32 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 19:26:15.288 ID:ZhyrHA+5d
- >>31
一応これでも趣味の作品で
いろんなブログとかテレビに取り上げられた事が
何回もあるくらいには成長してるんやで
コメント