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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
面川泰明
April 01, 2020
Programming
140
1
Share
変更不可のチェックボックスを作ろう / Let's create uncheckable check box
面川泰明
April 01, 2020
More Decks by 面川泰明
See All by 面川泰明
Web API連携でCSRF対策がどう実装されてるか調べた / how to implements csrf-detection on Web API
yasuakiomokawa
3
4.8k
フロー効率の向上から始める開発生産性の高め方 ~ モブワークを沿えて ~ / how to go on high peformance with mob work
yasuakiomokawa
6
6.7k
チームの成功を加速するために、1on1で個人を成長させてみた / growth people makes team good with one on one meeting
yasuakiomokawa
4
3.8k
意外とカンタン!?テストコードの改善から始めるシステム開発の効率化 / a little good way to improve software using readable test codes
yasuakiomokawa
2
3k
1on1の「話したいことは特にないです」を解決する ~ 共感から始まる関係性改善のススメ ~ / How to solve rejection on 1on1
yasuakiomokawa
34
41k
雑にならない雑談のはじめかた | チームの気まずさを無くし、楽しさを加速させる秘訣 / Joy work with chat
yasuakiomokawa
1
1.2k
性格診断と価値観分析ではじめる1on1 | 1on1ですべりたくない人へ / one on one meeting with personality guidance
yasuakiomokawa
2
4.7k
心理的安全性に飢えた自分が一周回って辿り着いた1on1のコツ | お互いに疲弊しないための3つのポイント / How to good of 1on1 meeting with three methods
yasuakiomokawa
3
2.3k
ふりかえりの断絶を防ぐにはどうすればいいか | 課題から次のアクションをスムーズにしたい / retrospective keep on going
yasuakiomokawa
2
2.6k
Other Decks in Programming
See All in Programming
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
geekplus_tech
0
150
ふつうのFeature Flag実践入門
irof
7
3.5k
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
kentaroutakeda
1
330
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
470
GitHub Copilot CLIのいいところ
htkym
2
1.2k
TypeScriptだけでAIエージェントを作る フロント・エージェント・インフラのフルスタック実践
har1101
6
1.3k
Modding RubyKaigi for Myself
yui_knk
0
870
密結合なバックエンドから TypeScript のコードを生成する
kemuridama
1
690
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
izumin5210
2
1.6k
代数的データ型って何が嬉しいの? #frontend_phpcon_do
kajitack
8
3.1k
Datadog × OpenTelemetry 入門と実践のあいだ
kn_to_maxpno
1
130
AI駆動開発勉強会 広島支部 第一回勉強会 AI駆動開発概要とワークショップ
hayatoshimiu
0
430
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
150
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
210
Balancing Empowerment & Direction
lara
6
1.1k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
160
Agile that works and the tools we love
rasmusluckow
331
21k
BBQ
matthewcrist
89
10k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
440
The Mindset for Success: Future Career Progression
greggifford
PRO
0
350
ラッコキーワード サービス紹介資料
rakko
1
3.5M
Transcript
変更不可のチェックボックスを作ろう 面川泰明 / Yasuaki Omokawa
やりかた
$(elemId).on('click', function() { return false; }); コード(jQuery) elemIdには、チェックボック スのセレクタが格納されてま す
なにやってる?
$(elemId).on('click', function() { return false; }); クリックしたときにfalseを返 却。チェック処理を無効に
disabledじゃダメなの?
disabled属性にすると 値がPOSTされない ×
つまりこういうとき困る
デフォルトで項目をチェック済みにして、変更させた くないとき 送信しても、チェック状態が 反映されない。。
readonlyじゃダメなの?
チェックボックスには 使えない属性 × テキストボックスやテキスト エリアなどテキスト系のみ 使用できます
ご清聴ありがとうございました