Jquery mobile 带有单选按钮的jquerymobile文本输入

这是我的演示

在“第一组”中，我有一个无线电组作为垂直控制组

我试图在每个单选按钮的右侧放置一个文本字段-如“组2”（下面的代码）

是否可以在保持单选按钮的控制组行为的同时执行此操作？如果单选按钮上没有圆角而不是直角，是否可以执行此操作

<fieldset data-role="controlgroup"   data-theme="b">
  <table width="100%">
    <tr>
      <td width="80%"><input type="radio" id="radio-1"  value="" class="radioclass" />
        <label for="radio-1">1</label></td>
      <td width="10%"><input type="text" placeholder="Qty" id="qty"></td>
    </tr>
    <tr>
      <td width="80%"><input type="radio" id="radio-2"  value="" class="radioclass" />
        <label for="radio-2">2</label></td>
      <td width="10%"><input type="text" placeholder="Qty" id="qty"></td>
    </tr>

      <td width="80%"><input type="radio" id="radio-3"  value="" class="radioclass" />
        <label for="radio-3">3</label></td>
      <td width="10%"><input type="text" placeholder="Qty" id="qty"></td>
    </tr>
  </table>
</fieldset>

1.
2.
3.

我希望我理解正确

工作jsFiddle示例：

使用的HTML:

<div class="ui-grid-a">
    <div class="ui-block-a">
        <fieldset data-role="controlgroup"  data-theme="a">
            <input type="radio" id="radio-1"  name="radio-1" value="" class="radioclass" />
            <label for="radio-1">1</label>

            <input type="radio" id="radio-2"  name="radio-1" value="" class="radioclass" />
            <label for="radio-2">2</label>

            <input type="radio" id="radio-3"  name="radio-1" value="" class="radioclass" />
            <label for="radio-3">3</label>
        </fieldset>        
    </div>
    <div class="ui-block-b">
        <input type="text" placeholder="Qty" id="qty"/>
        <input type="text" placeholder="Qty" id="qty"/>
        <input type="text" placeholder="Qty" id="qty"/>
    </div>
</div><!-- /grid-a -->

.ui-block-a {
    width: 80% !important;
    padding-top: 0.5em;
}

.ui-block-b {
    width: 20% !important;
    padding-top: 0.5em;    
}

fieldset.ui-controlgroup {
    margin: 0 !important;
}

div.ui-input-text {
    margin: 0 0 0.3em 0 !important;
}

---

我希望我理解正确

工作jsFiddle示例：

使用的HTML:

<div class="ui-grid-a">
    <div class="ui-block-a">
        <fieldset data-role="controlgroup"  data-theme="a">
            <input type="radio" id="radio-1"  name="radio-1" value="" class="radioclass" />
            <label for="radio-1">1</label>

            <input type="radio" id="radio-2"  name="radio-1" value="" class="radioclass" />
            <label for="radio-2">2</label>

            <input type="radio" id="radio-3"  name="radio-1" value="" class="radioclass" />
            <label for="radio-3">3</label>
        </fieldset>        
    </div>
    <div class="ui-block-b">
        <input type="text" placeholder="Qty" id="qty"/>
        <input type="text" placeholder="Qty" id="qty"/>
        <input type="text" placeholder="Qty" id="qty"/>
    </div>
</div><!-- /grid-a -->

.ui-block-a {
    width: 80% !important;
    padding-top: 0.5em;
}

.ui-block-b {
    width: 20% !important;
    padding-top: 0.5em;    
}

fieldset.ui-controlgroup {
    margin: 0 !important;
}

div.ui-input-text {
    margin: 0 0 0.3em 0 !important;
}

---

我不明白你的问题？什么是预期行为？我可能使用了错误的“行为”一词。我的意思是保留放射组的控制组外观，如-“组1”-或者在单选按钮上没有圆角而不是直角？我不明白你的问题？什么是预期行为？我可能使用了错误的“行为”一词，我的意思是保留放射组的控制组外观，如“组1”-或未能在单选按钮上使用圆角而不是直角？漂亮-谢谢-还有一个问题，当单击jquery右侧的单选按钮时，如何使用jquery访问qty值。因此，例如radio 1 clicked我需要数量1I的值，请给我几分钟时间。Beautive-谢谢-还有一个问题，当单击右侧的radio时，如何使用jquery访问数量值。例如，收音机1单击，我需要数量1的值，我会将其添加到我的示例中，给我几分钟时间。