Fork
0
Fav
0
View
90
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 33 lines
  • HTML 46 lines
  • CSS 13 lines

選択解除できるラジオボタン

概要

選択状態のラジオボタンをクリックすると、選択を解除できるようにします。
mouseup などは使用していませんので、キーボード操作でも解除できます。
次のHTML構造を想定しています。

  • radio 単体
  • label に内包する radio
  • label と兄弟関係の radio

設定

selector 変数で、ラジオボタンの対象を設定できるようにしています。
selector = 'input[type="radio"]' とすると、全てのラジオボタンになります。

change イベント

On から Off にしたラジオボタンは、 change イベントを発生させるようにしています。

  • 選択解除できるラジオボタン
  • jQuery v2.1.0
  • 選択解除できるラジオボタン

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

sekitchmobile

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags