Upgrade to Pro — share decks privately, control downloads, hide ads and more …

変更不可のチェックボックスを作ろう / Let's create uncheckable check box

変更不可のチェックボックスを作ろう / Let's create uncheckable check box

79fc33e55cacc42beef647541de24d58?s=128

面川泰明

April 01, 2020
Tweet

Transcript

  1. 変更不可のチェックボックスを作ろう 面川泰明 / Yasuaki Omokawa

  2. やりかた

  3. $(elemId).on('click', function() { return false; }); コード(jQuery) elemIdには、チェックボック スのセレクタが格納されてま す

  4. なにやってる?

  5. $(elemId).on('click', function() { return false; }); クリックしたときにfalseを返 却。チェック処理を無効に

  6. disabledじゃダメなの?

  7. disabled属性にすると 値がPOSTされない ×

  8. つまりこういうとき困る

  9. デフォルトで項目をチェック済みにして、変更させた くないとき 送信しても、チェック状態が 反映されない。。

  10. readonlyじゃダメなの?

  11. チェックボックスには 使えない属性 × テキストボックスやテキスト エリアなどテキスト系のみ 使用できます

  12. ご清聴ありがとうございました