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 check box
Search
面川泰明
April 01, 2020
Programming
1
76
変更不可のチェックボックスを作ろう / 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
3k
フロー効率の向上から始める開発生産性の高め方 ~ モブワークを沿えて ~ / how to go on high peformance with mob work
yasuakiomokawa
5
3.8k
チームの成功を加速するために、1on1で個人を成長させてみた / growth people makes team good with one on one meeting
yasuakiomokawa
3
2.8k
意外とカンタン!?テストコードの改善から始めるシステム開発の効率化 / a little good way to improve software using readable test codes
yasuakiomokawa
2
2.2k
1on1の「話したいことは特にないです」を解決する ~ 共感から始まる関係性改善のススメ ~ / How to solve rejection on 1on1
yasuakiomokawa
21
31k
雑にならない雑談のはじめかた | チームの気まずさを無くし、楽しさを加速させる秘訣 / Joy work with chat
yasuakiomokawa
1
980
性格診断と価値観分析ではじめる1on1 | 1on1ですべりたくない人へ / one on one meeting with personality guidance
yasuakiomokawa
1
3.8k
心理的安全性に飢えた自分が一周回って辿り着いた1on1のコツ | お互いに疲弊しないための3つのポイント / How to good of 1on1 meeting with three methods
yasuakiomokawa
1
1.9k
ふりかえりの断絶を防ぐにはどうすればいいか | 課題から次のアクションをスムーズにしたい / retrospective keep on going
yasuakiomokawa
1
2.3k
Other Decks in Programming
See All in Programming
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
ゆるい個人開発のススメ
kuroppe1819
10
990
Code Reviews
bkuhlmann
4
890
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
4k
PHPはいつから死んでいるかの調査
chiroruxx
1
400
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
290
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.4k
Site Reliability Engineering for GMO
pyama86
8
1k
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
410
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
740
Goのエラースタックトレースの歴史と今後
sonatard
7
1.2k
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
180
Featured
See All Featured
Statistics for Hackers
jakevdp
789
220k
Why Our Code Smells
bkeepers
PRO
331
56k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
Optimizing for Happiness
mojombo
370
69k
The Invisible Customer
myddelton
114
12k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
A designer walks into a library…
pauljervisheath
200
23k
The Cult of Friendly URLs
andyhume
74
5.7k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
Transcript
変更不可のチェックボックスを作ろう 面川泰明 / Yasuaki Omokawa
やりかた
$(elemId).on('click', function() { return false; }); コード(jQuery) elemIdには、チェックボック スのセレクタが格納されてま す
なにやってる?
$(elemId).on('click', function() { return false; }); クリックしたときにfalseを返 却。チェック処理を無効に
disabledじゃダメなの?
disabled属性にすると 値がPOSTされない ×
つまりこういうとき困る
デフォルトで項目をチェック済みにして、変更させた くないとき 送信しても、チェック状態が 反映されない。。
readonlyじゃダメなの?
チェックボックスには 使えない属性 × テキストボックスやテキスト エリアなどテキスト系のみ 使用できます
ご清聴ありがとうございました