Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
変更不可のチェックボックスを作ろう / Let's create uncheckable ch...
Search
面川泰明
April 01, 2020
Programming
1
92
変更不可のチェックボックスを作ろう / Let's create uncheckable check box
面川泰明
April 01, 2020
Tweet
Share
More Decks by 面川泰明
See All by 面川泰明
Web API連携でCSRF対策がどう実装されてるか調べた / how to implements csrf-detection on Web API
yasuakiomokawa
3
3.4k
フロー効率の向上から始める開発生産性の高め方 ~ モブワークを沿えて ~ / how to go on high peformance with mob work
yasuakiomokawa
5
4k
チームの成功を加速するために、1on1で個人を成長させてみた / growth people makes team good with one on one meeting
yasuakiomokawa
3
3k
意外とカンタン!?テストコードの改善から始めるシステム開発の効率化 / a little good way to improve software using readable test codes
yasuakiomokawa
2
2.4k
1on1の「話したいことは特にないです」を解決する ~ 共感から始まる関係性改善のススメ ~ / How to solve rejection on 1on1
yasuakiomokawa
21
32k
雑にならない雑談のはじめかた | チームの気まずさを無くし、楽しさを加速させる秘訣 / Joy work with chat
yasuakiomokawa
1
1k
性格診断と価値観分析ではじめる1on1 | 1on1ですべりたくない人へ / one on one meeting with personality guidance
yasuakiomokawa
1
4k
心理的安全性に飢えた自分が一周回って辿り着いた1on1のコツ | お互いに疲弊しないための3つのポイント / How to good of 1on1 meeting with three methods
yasuakiomokawa
1
2k
ふりかえりの断絶を防ぐにはどうすればいいか | 課題から次のアクションをスムーズにしたい / retrospective keep on going
yasuakiomokawa
1
2.4k
Other Decks in Programming
See All in Programming
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
Rubyのobject_id
qnighy
6
1.3k
A New Era of Testing
mannodermaus
2
230
Modular Monolith Go Server with GraphQL Federation + gRPC
110y
1
580
実践!難読化ガイド
mitchan
0
120
Regular Expressions, REXML, Automata Learning
makenowjust
0
210
事業フェーズの変化に対応する 開発生産性向上のゼロイチ
masaygggg
0
180
rails_girls_is_my_gate_to_join_the_ruby_commuinty
maimux2x
0
190
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
3
1.9k
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
630
マイグレーションコード自作して File-Based Routing に自動移行!! ~250 ページの歴史的経緯を添えて~
cut0
1
260
Go Code Generation at newmo / 2024-08-27 #newmo_layerx_go
genkey6
0
550
Featured
See All Featured
A Philosophy of Restraint
colly
202
16k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Writing Fast Ruby
sferik
623
60k
Creatively Recalculating Your Daily Design Routine
revolveconf
215
12k
Code Review Best Practice
trishagee
62
16k
Docker and Python
trallard
39
3k
Raft: Consensus for Rubyists
vanstee
135
6.5k
Statistics for Hackers
jakevdp
793
220k
Testing 201, or: Great Expectations
jmmastey
36
7k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
401
65k
Side Projects
sachag
451
42k
Transcript
変更不可のチェックボックスを作ろう 面川泰明 / Yasuaki Omokawa
やりかた
$(elemId).on('click', function() { return false; }); コード(jQuery) elemIdには、チェックボック スのセレクタが格納されてま す
なにやってる?
$(elemId).on('click', function() { return false; }); クリックしたときにfalseを返 却。チェック処理を無効に
disabledじゃダメなの?
disabled属性にすると 値がPOSTされない ×
つまりこういうとき困る
デフォルトで項目をチェック済みにして、変更させた くないとき 送信しても、チェック状態が 反映されない。。
readonlyじゃダメなの?
チェックボックスには 使えない属性 × テキストボックスやテキスト エリアなどテキスト系のみ 使用できます
ご清聴ありがとうございました