0

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 値が返されます。

それは小さな問題だと思います..しかし、それでも解決策が得られませんでした。:(

4

0 に答える 0