Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

やりかた

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

なにやってる？

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

disabledじゃダメなの？

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

つまりこういうとき困る

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

readonlyじゃダメなの？

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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