jQueryMobile と PhoneGap で作業しています。現在、小さな問題に直面していますが、モバイル デバイスではまだ解決できません。しかし、ブラウザではうまく機能します。
私のIussueは; 3 つのラジオ ボタンがあります。そして、ラジオボタンの誰かを選択すると、そのラジオボタンの値を取得したいと思います。
ここに私のコード
HTML
<div class="radio">
<input type="radio" id="r1" name="rr" data-role="none" value="mr"/>
<label for="r1" style="margin-left:0px;"><span></span>Mr</label>
<input type="radio" id="r2" name="rr" data-role="none" value="mrs"/>
<label for="r2"><span></span>Mrs</label>
<input type="radio" id="r3" name="rr" data-role="none" value="ms"/>
<label for="r3"><span></span>Ms</label>
</div>
CSS
.radio {
margin-top:20px;
height:30px;
}
.radio input[type="radio"] {
display:none;
}
.radio input[type="radio"] + label {
color:#000;
font-family:Arial, sans-serif;
font-size:14px;
font-weight:bold;
margin-left:10px;
}
.radio input[type="radio"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(../images/radio.png) no-repeat;
background-position:bottom;
cursor:pointer;
}
.radio input[type="radio"]:checked + label span {
background:url(../images/radio.png) no-repeat;
background-position:top;
}
JavaScript
$("#btn_test").tap(function(event){
var ak = $('input:radio[name=rr]:checked').val();
alert(ak);
});
ブラウザでの作業。しかし、Eclipse シミュレーターではそうではありません。警告すると、null 値が返されます。
それは小さな問題だと思います..しかし、それでも解決策が得られませんでした。:(