「なんでラジオボタンはreadonlyないねん!!」って誰もが最初は思ったことでしょう。業務でもよく使うので、disabledにしてhiddenに値設定してsubmit、、、とかやってましたが、めんどくさいし、分かり辛い!!ということでラジオボタンを分かり易くreadonlyっぽく動かすコードを共有します。ラジオボタンをreadonlyっぽくするにはどうするかと言うと、チェックが入っている項目以外をdisabledにすることで解決します。HTMLだけで言うと、以下のようにします。>C</label>こうすることでsubmitしても選択しているラジオのvalue値は送信されますし、他のラジオを選択することもできないのでテキストボックスで言うところのreadonlyと同じ動きになります。じゃけぇ実際にJavaと絡めて実務で使うことを想定したコーディングは↓を見てねJavaと連携して実務で使えるようにするには実際にはDBの値によってラジオボタンの選択やdisabledの場所も動的に変わると思います。それを想定したソースが以下になります。//DB値が何の場合Aにチェックがつくかを記述する。//DB値が何の場合Bにチェックがつくかを記述する。//DB値が何の場合Cにチェックがつくかを記述する。{//DB値が何の場合Aにチェックがつくかを記述する。{//DB値が何の場合Bにチェックがつくかを記述する。{//DB値が何の場合Cにチェックがつくかを記述する。それを各ラジオボタンに設定しておけば、あとはJava側で適切な値を設定してやればその通りに動きます。Java側ではチェック状態を判別するファンクションと活性・非活性状態を判別するファンクションを用意して、フォームに値を詰める部分で呼び出します。判別するファンクションでは、上記で設定したチェック状態を渡すことで、「チェック状態なら活性」「未チェック状態なら非活性」と判別して「disabled」か空文字を返すだけです。考える人あとは項目数や判断ロジックに合わせて変えるだけじゃな!さいごにコツさえ掴めば意外と簡単です^^他にも実現方法はあると思うので自分に合ったやり方を見つけてみてください。モダンフロント(React)が得意。Scriptの代表取締役となった広島出身通称「じゃけぇ」です。最上部へコメントを読み込み中...コメントをどうぞメール名前サイト。