Question

我正在尝试使用AJAX调用获取单选按钮列表。但是我的列表格式化存在问题。

(Radio-button)
Text

这是我的代码：

$.get(
    "schedulePortal.php?uid="+uid,
    function( data ){
    $('#semList').html( data )
    .controlgroup( 'refresh' );
    });

HTML：

<div data-role="fieldcontain">
        <fieldset data-role="controlgroup" id="semList" style="margin-left : 30px;">
        <!-- FROM PHP Response -->
        <input type="radio" class="radio-choice" value="'.$row['Enrolment_session'].'_'.$row['Semester_session'].'" />';
        <label>'.$row['Enrolment_session'].' '.$row['Semester_session'].'</label>;
        <!-- END OF PHP Response -->
        </fieldset>
</div>

Answer 1

您的代码有两个问题：

标签需要一个for属性，输入需要一个唯一的id，以便for和id具有相同的值。 e，g：

<input type="radio" name="radioGroup" id="rad0" class="radio-choice">
<label for="rad0">The Radio Label</label>

添加动态单选按钮后，不是刷新控制组，而是初始化checkboxradio小部件：

$('#semList').html( data );
$('#semList input[type="radio"]').checkboxradio();

这是一个有效的 DEMO

单选按钮jQuery移动格式化问题

1 个答案: