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

1 名前:ひみつの名無しさん 投稿日時:2019/11/01(金) 17:59:14.323 ID:ZhyrHA+5d
レス1番の画像サムネイル
レス1番の画像サムネイル
レス1番の画像サムネイル
https://i.imgur.com/TnNKIvj.jpg

jQueryでこのチェックボックスの四角を丸くしたいんだけど
セレクターの指定の仕方が違うせいか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
一応これでも趣味の作品で
いろんなブログとかテレビに取り上げられた事が
何回もあるくらいには成長してるんやで

コメント

タイトルとURLをコピーしました