更改IF条件是这样的:
$(document).ready(function() {
$('#<%=ckbLstPartner.ClientID %>').change(function() {
if ($("input[name='<%=ckbLstPartner.ClientID %>'][value='1']").prop("checked")) {
$('#<%=trSetPartnerNamesAvailability.ClientID%>').show();
$('#<%=trSetPartnerInfoAvailability.ClientID%>').show();
}
else {
$('#<%=trSetPartnerNamesAvailability.ClientID%>').hide();
$('#<%=trSetPartnerInfoAvailability.ClientID%>').hide();
$('#<%= txtPartnersName.ClientID %>').val('');
$('#<%= txtReqScoreCourseAccept.ClientID %>').val('');
$('#<%= txtCourseAcceptNote.ClientID %>').val('');
}
});
});
注:
1)在asp.net如果你给ID,名称是id.So提防自动相同“名称”属性。基于名字我写逻辑。
2)关于jquery的更多信息。参考http://try.jquery.com/它们以简单的方式给出jquery,并且给出了ready函数的重要性。
3)更多关于单选按钮列表改变事件logic.Refer How to check radio button is checked using JQuery?
更新应答(如果有人使用母版页上面的逻辑): 当我们用主Page.We有两个内容占位符一个用于头部sectoin。另一个用于身体部分。因此,我将我的JavaScript文件放置在内容占位符1中。请参阅下面的代码。
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">
$(document).ready(function() {
$('#<%=ckbLstPartner.ClientID %>').change(function() {
if ($("input[name='ctl00$ContentPlaceHolder1$ckbLstPartner'][value='1']").prop("checked")) {
$('#<%=trSetPartnerNamesAvailability.ClientID%>').show();
$('#<%=trSetPartnerInfoAvailability.ClientID%>').show();
}
else {
$('#<%=trSetPartnerNamesAvailability.ClientID%>').hide();
$('#<%=trSetPartnerInfoAvailability.ClientID%>').hide();
$('#<%= txtPartnersName.ClientID %>').val('');
$('#<%= txtReqScoreCourseAccept.ClientID %>').val('');
$('#<%= txtCourseAcceptNote.ClientID %>').val('');
}
});
});
</script>
<style type="text/css">
.cssRdlstMoheSacm
{}
</style>
</asp:Content>
上述两个代码与99%的小修改相同,即:
网络表单不使用母版页:
if ($("input[name='ckbLstPartner'][value='1']").prop("checked")) {}
的WebForm使用母版页:
if ($("input[name='ctl00$ContentPlaceHolder1$ckbLstPartner'][value='1']").prop("checked")) {}
我不知道哪里是错误的? ($(document#).ready(function(){... ????????( –
)你把这个:$('#<%= ckbLstPartner.ClientID%>')。 –
检查此链接 http://www.dotnetprogram.com/articles/call-javascript-function-for-radiobuttonlist-onchange-event-in-jquery –