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
140
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
変更不可のチェックボックスを作ろう / 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
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.3k
性格診断と価値観分析ではじめる1on1 | 1on1ですべりたくない人へ / one on one meeting with personality guidance
yasuakiomokawa
2
4.8k
心理的安全性に飢えた自分が一周回って辿り着いた1on1のコツ | お互いに疲弊しないための3つのポイント / How to good of 1on1 meeting with three methods
yasuakiomokawa
3
2.3k
ふりかえりの断絶を防ぐにはどうすればいいか | 課題から次のアクションをスムーズにしたい / retrospective keep on going
yasuakiomokawa
2
2.7k
Other Decks in Programming
See All in Programming
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
jsoizo
1
260
テーブルをDELETEした
yuzneri
0
130
人間の目はかわらない、だからJPEGは30年もつ
yuzneri
12
17k
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
iidatakuma
1
930
ここ半年くらいでAIに作らせたR用ツール
eitsupi
0
360
数百円から始めるRuby電子工作
tarosay
0
120
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
guvalif
PRO
1
200
わからない話を追いかけたら、プログラミング言語を作る側にいた
ydah
2
310
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
750
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
180
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
380
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
720
Featured
See All Featured
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
350
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
670
ラッコキーワード サービス紹介資料
rakko
1
4.1M
The agentic SEO stack - context over prompts
schlessera
0
860
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Marketing to machines
jonoalderson
1
5.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
240
Measuring & Analyzing Core Web Vitals
bluesmoon
9
940
Context Engineering - Making Every Token Count
addyosmani
9
1k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
980
Transcript
変更不可のチェックボックスを作ろう 面川泰明 / Yasuaki Omokawa
やりかた
$(elemId).on('click', function() { return false; }); コード(jQuery) elemIdには、チェックボック スのセレクタが格納されてま す
なにやってる?
$(elemId).on('click', function() { return false; }); クリックしたときにfalseを返 却。チェック処理を無効に
disabledじゃダメなの?
disabled属性にすると 値がPOSTされない ×
つまりこういうとき困る
デフォルトで項目をチェック済みにして、変更させた くないとき 送信しても、チェック状態が 反映されない。。
readonlyじゃダメなの?
チェックボックスには 使えない属性 × テキストボックスやテキスト エリアなどテキスト系のみ 使用できます
ご清聴ありがとうございました