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

【问题标题】：Dynamic Radio Button Group .On Handler (jquery)动态单选按钮组 .On 处理程序（jquery）
【发布时间】：2012-08-27 17:56:15
【问题描述】：

我有两个单选按钮（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 级，并且需要让点击处理程序工作以将值传递到每个级别的 SQL 脚本中。

【问题讨论】：

标签： jquery dynamic event-handling radio-button

【解决方案1】：

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

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

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

【讨论】：