- ベストアンサー
データによってチェックボックスを操作する方法とは?
- csvファイルをデータバインドを使ってHTMLに表示する際、データに応じてチェックボックスを操作できる方法を教えてください。
- 入力データが1の場合は「有」にチェックを、0の場合は「無」にチェックを、-1の場合は「撤去」にチェックを入れた状態で表示し、値もセットしたいです。
- javascriptでこの要件を実現する方法を教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
test.csv ------------- no,name,kind 1,DATA1,-1 2,DATA2,0 3,DATA3,1 4,DATA4,0 の時 こんな感じ ------------------------------------------------------------------- <html> <head> <title>サンプル</title> <script language="JScript"> window.onload=init; function init(){ var recordSize=csvDB.recordset.recordCount; for(var i=1;i<=recordSize;i++){ var value = parseInt(csvTable.rows(i).cells(2).innerText); var c1="'"; var c2="'"; var c3="'"; switch(value){ case 1: c1="1' checked" ;break;//有 case 0: c2="0' checked" ;break;//無 case -1:c3="-1' checked";break;//撤去 } csvTable.rows(i).cells(2).innerHTML= "<input name='c1' type='checkbox' value='" + c1 + ">有" + "<input name='c2' type='checkbox' value='" + c2 + ">無" + "<input name='c3' type='checkbox' value='" + c3 + ">撤去"; } csvTable.rows(0).style.backgroundColor="pink"; } </script> </head> <body> <table id="csvTable" width="700" border=1 datasrc="#csvDB"> <thead> <tr> <td>番号</td><td>項目</td><td>種類</td> </tr> </thead> <tbody> <tr> <td><span datafld = "no"></span></td> <td><span datafld = "name"></span></td> <td><span datafld = "kind"></span></td> </tr> </tbody> </table> <object id="csvDB" classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <PARAM NAME="CharSet" VALUE="shift-jis"> <param name="DataURL" value="test.csv"> <param name="UseHeader" value="true"> </object> </body> </html>
お礼
おおw素晴らしい。 約1週間悩み続けて出来なかったものが・・・w 聞いて良かったです。有難うございます。 これを応用させていただきます。 自分ももっと勉強しなくては。