输入收音机改变不触发

Question

您好，我有下拉菜单，在选定的更改上，它将清空 div 子项并在 div 上附加输入类型单选。

我有这个 收音机点击更改的jquery代码

  $('#divNoAccess input').change( function () {
                alert('IN');
                alert($('input[name=radioNonAccess]:checked', '#divNoAccess').val());
            });

这甚至没有提示警报。

这是 html 代码。

 <!-- Modal User Maintenance-->
        <div id="myModal4" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">

                        <h4 class="modal-title">User Maintenace</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="ddlEmp">Employee:</label>
                            <asp:DropDownList ID="ddlEmp" runat="server" class="form-control"></asp:DropDownList>

                        </div>
                        <div class="row  m-1">
                            <br />
                            <div class="col-sm-5  border border-dark">

                                <div class="form-group p-2">
                                    <label for="txtoldpass">non-Access:</label>
                                   <%-- <asp:DropDownList ID="ddlNoAccess" runat="server" class="form-control"></asp:DropDownList>--%>
                                    <div id="divNoAccess">

                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-2">

                                <div class="form-group">
                                    &nbsp&nbsp&nbsp&nbsp
                                    <button type="button" class="btn btn-primary" id="btnAddAcces"><i class="fa fa-arrow-right" aria-hidden="true"></i></button>
                                    <br />
                                    <br />
                                    &nbsp&nbsp&nbsp&nbsp
                                    <button type="button" class="btn btn-primary" id="btnRemoveAccess"><i class="fa fa-arrow-left" aria-hidden="true"></i></button>

                                </div>

                            </div>

                            <div class="col-sm-5 border border-dark">
                                <div class="form-group p-2">
                                    <label for="txtoldpass">Accessible:</label>
                                  <%--  <asp:DropDownList ID="ddlAccesible" runat="server" class="form-control"></asp:DropDownList>--%>
                                     <div id="divAccesible"></div>
                                </div>
                            </div>
                        </div>


                    </div>
                     <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
                </div>

            </div>
        </div>
        <%--end modal--%>

这是我填充 div 元素的代码

function getWithOutAccess() {
                var response = {},
                params = { EmpNo: $('#<%=ddlEmp.ClientID%> :selected').val() };

                $.ajax({
                    async: false,
                    type: 'POST',
                    contentType: 'application/json',
                    url: '../Home.aspx/getWIthOutAccess',
                    data: JSON.stringify(params),
                    dataType: 'json',
                    success: function (data) {
                        response = data.d;
                    },
                    error: function (xhr, status, error) { console.log(xhr, status, error); }
                });
                var result = [];
                $.each(response, function (key, value) {
                   // var item = '<option value="' + value.ID + '">' + value.AppName + '</option>';
                    var item = '  <input type="radio" name="radioNonAccess"  value="' + value.ID + '"/> ' + value.AppName + ' <br />';
                    result.push(item)
                });
                <%--  $("#<%=ddlNoAccess.ClientID%> option").remove();

                $('#<%=ddlNoAccess.ClientID%>').append(result);--%>
                $('#divNoAccess').empty();
                //$('#divNoAccess input').remove();
                $('#divNoAccess').append(result);
            }

我在控制台上没有看到任何错误。

我也尝试使用其他浏览器甚至无法正常工作。

我做错了什么？ 希望有人帮助我提前谢谢你

Answer 1

这是我解决问题的方法。

感谢Click on dynamically generated radio button

jQuery 中的最终代码：

 $('#divNoAccess').on("change","input",function() {
                alert('in');
                alert($('input[name=radioNonAccess]:checked', '#divNoAccess').val());
            });