在asp.net多视图中使用jQuery.show.hide函数
在提交到sql server之前,我在表单末尾使用asp multiview查看摘要页面。我的问题是,如果选中复选框,我有几个显示/隐藏jQuery函数。在转到摘要并单击“编辑”之后,它返回并导致.show.hide函数出现一些问题。下面是我正在使用的jQuery代码。最终,我希望保留最终用户选择的状态(选中或取消选中)。我走错方向了吗 如果我选择不使用asp multiview,而是使用jQuery.tabs,那么如何将文本输入中的数据转换为摘要页面中的值 jQuery在asp.net多视图中使用jQuery.show.hide函数,jquery,asp.net,jquery-tabs,summary,multiview,Jquery,Asp.net,Jquery Tabs,Summary,Multiview,在提交到sql server之前,我在表单末尾使用asp multiview查看摘要页面。我的问题是,如果选中复选框,我有几个显示/隐藏jQuery函数。在转到摘要并单击“编辑”之后,它返回并导致.show.hide函数出现一些问题。下面是我正在使用的jQuery代码。最终,我希望保留最终用户选择的状态(选中或取消选中)。我走错方向了吗 如果我选择不使用asp multiview,而是使用jQuery.tabs,那么如何将文本输入中的数据转换为摘要页面中的值 jQuery <script
<script type="text/javascript">
function uncheck() {
// Uncheck all checkboxes on page load
$("input:checkbox:checked").attr("checked", false);
}
$(document).ready(function () {
$('.emsSection').hide();
$('#emsYES').click(function () {
$('.emsSection').show();
});
$('#emsNO').click(function () {
$('.emsSection').hide();
});
$('.thirdPartyForm').hide();
$('#thirdPartyService').click(function () {
var chk = $(this);
$('.thirdPartyForm').fadeToggle('fast', chk.attr('checked'));
});
$(".phoneMask").mask("(999) 999-9999");
});
</script>
函数取消选中(){
//取消选中页面加载上的所有复选框
$(“输入:复选框:选中”).attr(“选中”,false);
}
$(文档).ready(函数(){
$('.emsSection').hide();
$('#emsYES')。单击(函数(){
$('.emsSection').show();
});
$('#emsNO')。单击(函数(){
$('.emsSection').hide();
});
$('.thirdPartyForm').hide();
$(“#第三方服务”)。单击(函数(){
var chk=$(本);
$('thirdPartyForm').fadeToggle('fast',chk.attr('checked'));
});
$(“.phoneMask”).mask(“(999)999-9999”);
});
尝试将JavaScript放在函数pageload中,而不是document.ready中
这能解决你的问题吗 我的解决方案是使用jQuery cookie插件。在做了一些研究之后,我通过创建以下内容得出了答案:
$(document).ready(function () {
$('.thirdPartyForm').hide();
if ($.cookie('showhide') == 'showtp') {
$('.thirdPartyForm').show();
}
$('#thirdPartyService').click(function () {
if ($(this).is(':checked')) {
$(".thirdPartyForm").show();
$.cookie('showhide', 'showtp');
}
else {
$(".thirdPartyForm").hide();
$.cookie('showhide', null);
};
});
$('.emsSection').hide();
if ($.cookie('emsservice') == 'showems') {
$('.emsSection').show();
}
$('#emsYES').click(function () {
$('.emsSection').show();
$.cookie('emsservice', 'showems');
});
$('#emsNO').click(function () {
$('.emsSection').hide();
$.cookie('emsservice', null);
});
});