0

我在 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 中,当我们发出警报时,我们得到一个空值。

我认为这是一个小问题..但我仍然没有得到解决方案。:(

4

0 回答 0