输入无线电开关未启动

Question

Hi我有下拉列表，在选择更改时，它将清空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

以下是我解决问题的方法。

由于这个点击动态生成的单选按钮

jQuery中的最终代码：

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