我有一个 ajax 请求,它动态生成一个带有单选按钮的模式窗口。
我在 materialize documentation 中看到您可以执行 material_select()
以使 selects
正常工作,但是,我没有在文档中看到如何动态初始化 radio
。
如何初始化动态加载的单选按钮?
这里的引用是我正在动态加载的示例模态:
<div id="import-modal" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Import Data</h4>
<p>
<input name="import-group" type="radio" id="import-modal-csv"/>
<label for="import-modal-csv">Csv</label>
<div>Import a csv file.</div>
<p/>
<p>
<input name="import-group" type="radio" id="import-modal-excel"/>
<label for="import-modal-excel">Excel</label>
<div>Import a excel file.</div>
</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Import</a>
</div>
</div>
编辑1
我通过 jquery
将上面的 div 动态添加到父容器中,点击按钮的 click
:
import_click: function(){
$.ajax({
url: 'template/import.html',
success: function (response) {
$('#container').append(response);
}
});
}
最佳答案
单选按钮不需要任何 javascript 初始化。只需确保在动态附加它们时为它们提供新 ID,因为如果它们与现有单选按钮冲突,它们将无法工作。
关于javascript - 初始化在实现中动态添加的单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31552664/