未完成の部分も多いが、一応発表終了！
内容はテニスでの打ったサーブの確率を計るアプリ。
画像で1stサーブが入ったら1stをタップ、2ndサーブが入ったら2ndをタップ、ダブルフォルトだったらDFをタップするだけのシンプルなアプリ。
友人にタップしてもらうか、自分で撮影したビデオを見ながらタップしていく。
ラジオボタンを追加すると、なぜかボタンの形にならない・・・。htmlタグを挿入する形にしたが、jqueryでボタンの形にしてくれるはずなのに、ボタンの形にならないということは、この方法ではダメなのかも！？
とりあえずボタンを追加するソースを下記に記載。
javascript
$(document).on("pageinit", "#p-top", function(e){
var i = 0;
function createButton() {
//ボタンの追加
console.log("createButton");
i ++;
var addlist =
"<div data-role = 'fieldcontain'>" +
"<fieldset data-role = 'controlgroup' data-type = 'horizontal'>" +
"<ul data-role='listview' id='list" + i + "'></ul>" +
"<legend>サーブ" + i + "</legend>" +
"<input type='radio' name='serve" + i + "'id='1stId" + i + "'value='1'/>" +
"<label for='1stId" + i + "'>1st</label>" +
"<input type='radio' name='serve" + i + "'id='2ndId" + i + "'value='1'/>" +
"<label for='2ndId" + i + "'>2nd</label>" +
"<input type='radio' name='serve" + i + "'id='dfId" + i + "'value='1'/>" +
"<label for='dfId" + i + "'>DF</label>" +
'</fieldset>' +
'</div>';
$("#addlist").append(addlist);
HTML
<body>
<div data-role = "content">
<h2>Serve</h2>
<div id="servelist">
<ul data-role="listview" id="addlist">
<div data-role = "fieldcontain">
<fieldset data-role = "controlgroup" data-type = "horizontal">
<ul data-role="listview" id="list"></ul>
<legend>Serve１:</legend>
<input type="radio" name="serve1" id="1stId1" value= "1"/>
<label for="1stId1">1st</label>
<input type="radio" name="serve1" id="2ndId1" value= "1"/>
<label for="2ndId1">2nd</label>
<input type="radio" name="serve1" id="dfId1" value= "1"/>
<label for="dfId1">DF</label>
</fieldset>
</div>
</ul>
</div>
</body>
