输入对讲机改变不发射

Question

嗨，我有下拉和选择的变化，它将空的div子和附加输入类型收音机在div上。

我有这个jquery代码在电台点击change

  $('#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());
            });