初始化在物化中动态添加的单选按钮

时间:2015-07-22 02:03:24

标签: javascript html materialize

我有一个ajax请求,它会动态生成带有单选按钮的模态窗口。

我在materialize documentation中看到您可以执行material_select()以使selects正常工作但是,我在文档中没有看到如何初始化{{1} }动态。

如何初始化动态加载的单选按钮?

这里的参考是我动态加载的示例模态:

radio

编辑1

我通过<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> 动态地将上述div添加到按钮的jquery上的父容器中:

click

1 个答案:

答案 0 :(得分:4)

单选按钮不需要任何javascript初始化。只需确保在动态附加它们时为它们提供新的ID,因为如果它们与现有的单选按钮冲突,它们将无法工作。