jquery - 动态单选按钮组 .On 处理程序（jquery）

Question

我有两个单选按钮（级别 1），它们根据所选值动态创建新单选按钮列表（级别 2）。

此处列出了检索列表的代码

while($row=odbc_fetch_array($res))
{
$dept = $row['dept'];
echo "<input type='radio' class='radio' value='".$dept."' name='lvl2'/>".$dept." &nbsp  &nbsp &nbsp &nbsp ";
}

我在用

$('input[name="lvl1"]').click(function(){} 

从第一组单选按钮中获取值。然而

$('input[name="lvl2"]').on('click', function(){
        $("span").text ("hi");
});

不管用。

我将深入研究动态按钮的第 3 级和第 4 级，并且需要让 on click 处理程序工作以将值传递到每个级别的 SQL 脚本。

Answer 1

如果收音机是动态的，您必须委托该事件：

$(document).on('click', 'input[name="lvl2"]', function(){
    $("span").text ("hi");
});

并用最接近的非动态父级替换文档，change即使有人决定使用键盘，也可以使用该事件。