データベースエンジニアが行く

普通のラジオボタン。

<input id="button0" onclick="participant()" value="A" type="radio" name="choice">
<input id="button1" onclick="participant()" value="B" type="radio" name="choice">

Java scriptのparticipant()関数でvchoiceの値によって処理を分岐していた。



ChromeとEdgeでは動作するが、IEでは動作しないことに気付いた。

最初のボタン（Virtual）をクリックしても else の処理が実行されてしまう。

調べると、IEではvchoiceがオブジェクトとして認識されているため、

if vchoice=="A" が成り立たない。

document.form1.choice.value はやめて、以下のようにした、



ラジオボタンの一つ目のボタンをチェックしているかどうかで処理を分岐させた。

IEでも動作した。IEはバージョン11。現時点での最新版のはず。



ChromeとEdgeだけでなく、Fire FoxとSafari（Mac）での動作も確認した。



document.form1.choice.value の値がIEだけ異なることの原因は不明。

不思議だ。

実行すると以下のエラメッセージが表示された。



[Ctrl]+[c]でyarnを打ち切り、

エラーメッセージの指示のとおりに下のコマンドを実行した。



インストールは正常に行われ、yarn serv も実行できた。


Webで検索して、最速のハッシュアルゴリズムであることが分かった。

参加費用をJavascriptで計算して画面に表示している。

3桁ごとに , を入れたい。

区切りなし



区切りあり


Intl.NumberFormatは¥や$の表示にも使えるらしい。

以下のソースを作成した。

（正確にはWebで見つけたサンプルを一部修正した。）



OKボタンを押されたときの処理の書き方だが
末尾にセミコロンがあってもなくても動作した。

　　　　　　　　　'action': function(){
　　　　　　　　　　　 // OKボタン押されたときの処理を記載
　　　　　　　　　　　 $('#form1').submit()
　　　　　　　　　}

　　　　　　　　　'action': function(){
　　　　　　　　　　　 // OKボタン押されたときの処理を記載
　　　　　　　　　　　 $('#form1').submit()
　　　　　　　　　}

コマンドを二つ書くとき、

, で区切っても区切らなくても実行できた。

　　　　　　　　　'action': function(){
　　　　　　　　　　　 // OKボタン押されたときの処理を記載
　　　　　　　　　　　alert ('test')
　　　　　　　　　　　 $('#form1').submit()
　　　　　　　　　}

　　　　　　　　　'action': function(){
　　　　　　　　　　　 // OKボタン押されたときの処理を記載
　　　　　　　　　　　alert ('test'),
　　　　　　　　　　　 $('#form1').submit()
　　　　　　　　　}

$('#form1').submit() が動作せずに悩んだのだが

submitコマンド表記の問題ではなかった。

jqueryで確認ダイアログを表示させるために

Webでサンプルプログラムを探していて、以下のソースを見つけた。



このままではこのソースを組み込んだページが表示されたときに実行される。

ボタンをクリックしたときに実行したい。

$(document).ready(function() を $('#btn1').click(function() に変更したが動作しない。

（btn1はボタンのID）

結局、$('#btn1').click(function() の 上にもう一つ $(function() { を置いたら動作した。



よく理解しないまま、Try and Error を繰り返している内にうまくいっただけ。



HTML ボタン


HTML header部分