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
110
変更不可のチェックボックスを作ろう / 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.9k
フロー効率の向上から始める開発生産性の高め方 ~ モブワークを沿えて ~ / how to go on high peformance with mob work
yasuakiomokawa
6
4.5k
チームの成功を加速するために、1on1で個人を成長させてみた / growth people makes team good with one on one meeting
yasuakiomokawa
4
3.3k
意外とカンタン!?テストコードの改善から始めるシステム開発の効率化 / a little good way to improve software using readable test codes
yasuakiomokawa
2
2.6k
1on1の「話したいことは特にないです」を解決する ~ 共感から始まる関係性改善のススメ ~ / How to solve rejection on 1on1
yasuakiomokawa
32
38k
雑にならない雑談のはじめかた | チームの気まずさを無くし、楽しさを加速させる秘訣 / Joy work with chat
yasuakiomokawa
1
1.1k
性格診断と価値観分析ではじめる1on1 | 1on1ですべりたくない人へ / one on one meeting with personality guidance
yasuakiomokawa
2
4.2k
心理的安全性に飢えた自分が一周回って辿り着いた1on1のコツ | お互いに疲弊しないための3つのポイント / How to good of 1on1 meeting with three methods
yasuakiomokawa
2
2.2k
ふりかえりの断絶を防ぐにはどうすればいいか | 課題から次のアクションをスムーズにしたい / retrospective keep on going
yasuakiomokawa
2
2.5k
Other Decks in Programming
See All in Programming
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
120
AIエージェントを活用したアプリ開発手法の模索
kumamotone
1
750
いまさら聞けない生成AI入門: 「生成AIを高速キャッチアップ」
soh9834
12
3.8k
アプリを起動せずにアプリを開発して品質と生産性を上げる
ishkawa
0
330
CTFのWebにおける⾼難易度問題について
hamayanhamayan
1
980
‘무차별 LGTM~👍’만 외치던 우리가 ‘고봉밥 코드 리뷰’를?
hannah0731
0
530
SQL Server ベクトル検索
odashinsuke
0
120
アーキテクトと美学 / Architecture and Aesthetics
nrslib
12
3.1k
Devinのメモリ活用の学びを自社サービスにどう組み込むか?
itarutomy
0
1.7k
なぜselectはselectではないのか
taiyow
2
310
RCPと宣言型ポリシーについてのお話し
kokitamura
2
150
ミリしらMCP勉強会
watany
2
390
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
25k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
610
Embracing the Ebb and Flow
colly
85
4.6k
Automating Front-end Workflow
addyosmani
1369
200k
Building a Modern Day E-commerce SEO Strategy
aleyda
39
7.2k
Scaling GitHub
holman
459
140k
Unsuck your backbone
ammeep
670
57k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
28
2k
Building Your Own Lightsaber
phodgson
104
6.3k
Code Reviewing Like a Champion
maltzj
522
39k
Transcript
変更不可のチェックボックスを作ろう 面川泰明 / Yasuaki Omokawa
やりかた
$(elemId).on('click', function() { return false; }); コード(jQuery) elemIdには、チェックボック スのセレクタが格納されてま す
なにやってる?
$(elemId).on('click', function() { return false; }); クリックしたときにfalseを返 却。チェック処理を無効に
disabledじゃダメなの?
disabled属性にすると 値がPOSTされない ×
つまりこういうとき困る
デフォルトで項目をチェック済みにして、変更させた くないとき 送信しても、チェック状態が 反映されない。。
readonlyじゃダメなの?
チェックボックスには 使えない属性 × テキストボックスやテキスト エリアなどテキスト系のみ 使用できます
ご清聴ありがとうございました