单选按钮值不能进入Android设备

时间:2013-07-16 12:05:46

标签: jquery html5 jquery-mobile cordova radio-button

我在jQueryMobile和PhoneGap工作。 目前我正面临一个小问题,但尚未在移动设备中解决。 但它在浏览器中运行良好。

我的Iussue是;我有三个单选按钮;当我选择任何一个单选按钮时 我想得到那个radiobutton的价值。

这里是我的代码

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模拟器中 当我们提醒时,我们得到一个空值。

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

0 个答案:

没有答案