Question

我有三个面板。第1小组：检查/储蓄第2小组：信用卡第3小组：取消

在页面加载时，我正在检索付款信息，并选中与之前付款选择相对应的复选框。复选框已选中但面板未显示。此外，如果我可以在页面加载时隐藏btnsubmit，这将是很好的，因为一旦我单击该面板显示的选项。

谢谢！

  function panelOneFocus() {
        if (document.getElementById("<%= chkOption1.ClientID %>").checked) {
            jQuery('#divOption2').css("display", "none");
            jQuery('#divOption3').css("display", "none");
            jQuery('#divOption1').css("display", "inline");
            jQuery('#<%= chkOption2.ClientID %>').attr('checked', false);
            jQuery('#<%=chkOption3.ClientID %>').attr('checked', false);
            jQuery('#<%=btnsubmit.ClientID %>').removeClass("disabled");
            jQuery('#<%=btnsubmit.ClientID %>').removeAttr("disabled");
        }
    }
    function panelTwoFocus() {
        if (document.getElementById("<%= chkOption2.ClientID %>").checked) {
            jQuery('#divOption1').css("display", "none");
            jQuery('#divOption3').css("display", "none");
            jQuery('#divOption2').css("display", "inline");
            jQuery('#divFinal').css("display", "inline");
            jQuery('#<%=chkOption1.ClientID %>').attr('checked', false);
            jQuery('#<%=chkOption3.ClientID %>').attr('checked', false);
            jQuery('#<%=btnsubmit.ClientID %>').removeClass("disabled");
            jQuery('#<%=btnsubmit.ClientID %>').removeAttr("disabled");
          }

    }
    function panelThreeFocus() {
        if (document.getElementById("<%= chkOption3.ClientID %>").checked) {
            jQuery('#divOption1').css("display", "none");
            jQuery('#divOption2').css("display", "none");
            jQuery('#divOption3').css("display", "inline");
            jQuery('#divFinal').css("display", "none");
            jQuery('#<%=chkOption1.ClientID %>').attr('checked', false);
            jQuery('#<%=chkOption2.ClientID %>').attr('checked', false);
            jQuery('#<%=btnsubmit.ClientID %>').addClass("disabled");
            jQuery('#<%=btnsubmit.ClientID %>').attr("disabled", "disabled");

        }
    }

Answer 1

将我的评论放在答案表格中：

~~我不确定，但我认为你的意思是.prop("checked")代替.checked（.checked不是一件事。）~~我站着纠正（感谢A.沃尔夫）

洛塔错过了速记的机会。可以使用$()代替jQuery()（除非存在冲突），可以.hide()代替.css("display", "none")。而不是document.getElementById()，只需$("#"+...)。这些不是答案的一部分，但我只是想解决这些问题，如果你想充分利用jQuery。

面板未显示在所选复选框上

1 个答案: