我在 jQueryMobile 和 PhoneGap 工作。目前正面临一个小问题,但在移动设备中尚未解决。但它在浏览器中运行良好。
我的问题是;我有三个单选按钮;当我选择任何一个单选按钮时,我想获取该单选按钮的值。
这是我的代码
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 Simulators 中,当我们发出警报时,我们得到一个空值。
我认为这是一个小问题..但我仍然没有得到解决方案。:(