関連記事
- 【#Javascript】Web版「Excel」の新しいマクロ機能「Office スクリプト」が一般リリース 【2021年05月31日(月)】
- 【#Laravel】laravel-echo&JS&オレオレ証明書の組み合わせで動かん! 【2021年05月31日(月)】
- Google、「Chrome 91」は23%高速化 V8エンジン改善で 【2021年05月31日(月)】
- 【#JQUERY】PHPでBASE64エンコード,JavaScriptでデコードした,HTML内全角が化ける件 【2021年02月13日(土)】
- 【#android #chrome】androidのchromeでHTMLテーブル200行表示でフリーズ 【2018年11月14日(水)】
いや,必要に迫られて,作ってみたり
HTMLドキュメント内の,入力エリアに存在する
チェックボックスの数を数えたり,チェックされている数を計算したりする方法を,書いておきまする
肝は,チェックボックスが1個の時と複数個の時の動き
複数個の時は,javascript内にて配列で取得できますが
1個の時は,配列として認識してくれませんです
ですので,まずは,チェックボックスの総数を計算
1個の時と複数個の時の処理を分けてみました
もちっと,エレガントに書けそうな気がすけど,とりあえず,動いているんで,ヨシとしよう(爆
例のごとく,バグってたら,済まないですぅ(汗
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <SCRIPT language="JavaScript"> <!-- function checktest() { var TestValue = ""; var TestValue2 = 0; var cnt = 0; for (e = 0; e < document.formTest.elements.length; e++){ //チェックボックスの数を数える if(document.formTest.elements[e].type == "checkbox") { cnt++; } } if (cnt == 1) //1個の時 { if (document.formTest.test.checked == true) { TestValue += document.formTest.test.value; TestValue2 = 1; } } else //複数個の時 { for (i=0;i<2;i++) { if (document.formTest.test[i].checked == true) { TestValue += document.formTest.test[i].value; TestValue2++; } } } window.alert(TestValue2); } --> </SCRIPT> </head> <body> <h1>てすと</h1> <FORM name="formTest"> <input type="checkbox" name="test" value="test1" onclick="checktest()">test1<br> <input type="checkbox" name="test" value="test2" onclick="checktest()">test2<br> <input type="button" value="test" onclick="checktest()"> </FORM> </body> </html>
コメント
火野正平さん、腰痛で撮影中断 NHKBS「にっぽん縦断 こころ旅」 ネットに案ずる声
ゴールデンウィークがスタート 見事な土砂降りワロタ
【#RUANG】インドネシア:ルアング山で火山が大規模噴火:愛媛で震度6弱な緊急地震速報(24/4/18)
イオンモール宮崎の辺りにイノシシが登場した,らしい
コンビニ誤交付、富士通に行政指導 原因究明と再発防止を要求―総務省
【#桜】花立公園で桜見物してきた!都井岬まで足を伸ばした!遠かった(爆
【#大谷翔平】水原一平氏、米連邦検察が銀行詐欺容疑で訴追…大谷翔平選手の口座から24億5千万円以上を不正送金
【#緊急地震速報】宮崎県日南市で震度5弱 津波の心配なし M5.2(24/2/8)
ずっと天気が悪いのぉ.菜種梅雨とはよく言ったものやじ(24/4/5)