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 回答
0

我正在寻找同样的问题...

解决方案:http: //jsfiddle.net/55jZM/

使用:input type="number"代替输入type="password"

于 2017-01-23T11:40:19.950 回答