1

私は電卓に取り組んでいます。ラジオセレクションに5つの数字入力を入れて、ラジオセレクションに基づいて数字を解きたいです。しかし、ラジオセレクション内で数値入力を正しく表示するのに苦労しています。私は<span>タグを使用してみましたが、最近ではui-gridを使用しました（以下のコードを参照）。良い結果が得られません。

<input type="radio" name="solveforthis" id="radio-choice-1" value="choice-1" checked="checked" />
  <label for="radio-choice-1" class="ui-li-desc">  
    <div class="ui-grid-a">
      <div class="ui-block-a">Field 1</div>
      <div class="ui-block-b"><input type="number" id="val1" value="0.013" style="width:40px"   maxlength="6" /></div>
    </div>
  </label>
<input type="radio" name="solveforthis" id="radio-choice-2" value="choice-2" />
  <label for="radio-choice-2" class="ui-li-desc" value>  
    <div class="ui-grid-a">
      <div class="ui-block-a">Field 2</div>
      <div class="ui-block-b"><input type="number" id="val1" value="0.013" style="width:40px"   maxlength="6" /></div>
    </div>
  </label>

これをラジオセレクションで機能させる方法について何かアイデアはありますか？私が考慮すべきより良いアプローチはありますか？

4

2 に答える 2

0

このようなものをお探しですか？

ここに画像の説明を入力

ソースコード：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Radio Buttons</title>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>

<body>
  <div data-role="page" id="myPage">
    <div data-role="content"
      <fieldset data-role="controlgroup">
        <legend><b>Choose a number:</b></legend>
             <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked" />
             <label for="radio-choice-1">1</label>

             <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"  />
             <label for="radio-choice-2">2</label>

             <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3"  />
             <label for="radio-choice-3">3</label>

             <input type="radio" name="radio-choice" id="radio-choice-4" value="choice-4"  />
             <label for="radio-choice-4">4</label>
       </fieldset>
    </div>
  </div><!-- /page -->

</body>
</html>

ドキュメントも参照してください

于 2012-11-02T23:28:28.100 に答える