Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
変更不可のチェックボックスを作ろう / 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
150
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
変更不可のチェックボックスを作ろう / Let's create uncheckable check box
面川泰明
April 01, 2020
Transcript
12 slides
変更不可のチェックボックスを作ろう 面川泰明 / Yasuaki Omokawa
やりかた
$(elemId).on('click', function() { return false; }); コード(jQuery) elemIdには、チェックボック スのセレクタが格納されてま す
なにやってる?
$(elemId).on('click', function() { return false; }); クリックしたときにfalseを返 却。チェック処理を無効に
disabledじゃダメなの?
disabled属性にすると 値がPOSTされない ×
つまりこういうとき困る
デフォルトで項目をチェック済みにして、変更させた くないとき 送信しても、チェック状態が 反映されない。。
readonlyじゃダメなの?
チェックボックスには 使えない属性 × テキストボックスやテキスト エリアなどテキスト系のみ 使用できます
ご清聴ありがとうございました
More Decks by 面川泰明
See All by 面川泰明
Web API連携でCSRF対策がどう実装されてるか調べた / how to implements csrf-detection on Web API
yasuakiomokawa
3
4.9k
フロー効率の向上から始める開発生産性の高め方 ~ モブワークを沿えて ~ / how to go on high peformance with mob work
yasuakiomokawa
6
7.4k
チームの成功を加速するために、1on1で個人を成長させてみた / growth people makes team good with one on one meeting
yasuakiomokawa
4
4k
意外とカンタン!?テストコードの改善から始めるシステム開発の効率化 / a little good way to improve software using readable test codes
yasuakiomokawa
2
3.1k
1on1の「話したいことは特にないです」を解決する ~ 共感から始まる関係性改善のススメ ~ / How to solve rejection on 1on1
yasuakiomokawa
34
42k
雑にならない雑談のはじめかた | チームの気まずさを無くし、楽しさを加速させる秘訣 / Joy work with chat
yasuakiomokawa
1
1.3k
性格診断と価値観分析ではじめる1on1 | 1on1ですべりたくない人へ / one on one meeting with personality guidance
yasuakiomokawa
2
4.9k
心理的安全性に飢えた自分が一周回って辿り着いた1on1のコツ | お互いに疲弊しないための3つのポイント / How to good of 1on1 meeting with three methods
yasuakiomokawa
3
2.4k
ふりかえりの断絶を防ぐにはどうすればいいか | 課題から次のアクションをスムーズにしたい / retrospective keep on going
yasuakiomokawa
2
2.7k
Other Decks in Programming
See All in Programming
AI時代のシニアエンジニアとは
yosuke_furukawa
PRO
15
12k
まずはコードより業務と向き合う:テーブル解体のためにPdMを呼んだ話
sakawe_ee
0
230
Vapor Mode でアクセシビリティは 壊れないか検証した話
fuqda
1
350
LLM 101: Exploring LLMs, Starting with Tokens.
dalinaum
0
110
例外からRich Errorsまで Kotlinエラーハンドリングの進化を読み解く
shiita0903
0
130
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
980
動画プレイヤーはなぜカクつくのか 〜Flutterのレンダリングとネイティブの境界を解剖する〜
naruogram
0
340
Getting Started with Vibe Coding
miccheng
0
220
AIが実装を担う時代の「技術設計」と「チームマネジメント」
kamina_zzz
2
260
そのデザイントークン、Flutterでも同じ見た目になりますか?
nakamizu
0
340
ローカルLLMの基本と近況 2611 / Local LLM basics and recent situation 2611
kishida
2
330
仕様駆動開発入門 (何を作るかを先に決めて渡す) | 目指せ Kiro マスター 05
inariku
PRO
2
150
Featured
See All Featured
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
480
Automating Front-end Workflow
addyosmani
1370
210k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
2
350
Test your architecture with Archunit
thirion
2
2.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.5k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
330
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.4k
Heart Work Chapter 1 - Part 1
lfama
PRO
11
37k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
RailsConf 2023
tenderlove
30
1.6k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k