Question

目前正在发生的事情是，根据用户从收音机按钮选择首选通讯方式，会出现一颗红星，例如，如果他们选择首选的通讯方式是值，则电话号码“红色星号”显示在“输入您的电话号码”附近，＆＃34;确认电话号码＆＃34;否则当他们选择不同的单选按钮时会隐藏，即首选的通讯方式是电子邮件。然而，问题是，如果他们例如选择TelephoneNo红星出现在“输入你的电话号码”和“确认电话号码”附近，如果我在＆＃34;输入你的电话号码＃34;并将确认框留空，然后按红色星星消失的表格上的提交。我想保持显示这些红色开始，我想我必须再次调用此功能，请指教？

 $('.communicationCB input[name=CCommmunication]').click(function () { //.communication class passed input name == model public communication
        if ($(this).val() == "TelephoneNo") { //if value TelephoneNo selected in model
            $('.confirmmobtelno').show(); //show this text box
            $('.redstar').show(); //shows red star when Mobile option is selected
        } else {
            $('.confirmmobtelno').hide(); //hide textbox
            $('.redstar').hide(); //Hides red star
        }

        if ($(this).val() == "TelephoneNoAlternative") {  //if value == to TelephoneNoalternative
            $('.confirmalttelno').show(); //show confirm alt tel no text box
            $('.redstaralttel').show(); //shows red star when Alt telephone option is selected
        } else {
            $('.confirmalttelno').hide(); //else hide it
            $('.redstaralttel').hide(); //Hides red star

        }

    });

Answer 1

没有看到您的完整代码，这是一个猜测。但无论如何，我试一试。

写入的函数绑定到单击函数。因此，只有在您点击该项目时才会触发。提交表单后，您希望看到（在页面加载时）是否应显示星号。

所以添加这个onload函数：

$(function () {
    if ($('.communicationCB input[name=CCommmunication]').val() == "TelephoneNo") { //if value TelephoneNo selected in model
        $('.confirmmobtelno').show(); //show this text box
        $('.redstar').show(); //shows red star when Mobile option is selected
    } else {
        $('.confirmmobtelno').hide(); //hide textbox
        $('.redstar').hide(); //Hides red star
    }

    if ($('.communicationCB input[name=CCommmunication]').val() == "TelephoneNoAlternative") {  //if value == to TelephoneNoalternative
        $('.confirmalttelno').show(); //show confirm alt tel no text box
        $('.redstaralttel').show(); //shows red star when Alt telephone option is selected
    } else {
        $('.confirmalttelno').hide(); //else hide it
        $('.redstaralttel').hide(); //Hides red star

    }

});

甚至更好，将两者结合起来：

function checkComm() {
    if ($('.communicationCB input[name=CCommmunication]').val() == "TelephoneNo") { //if value TelephoneNo selected in model
        $('.confirmmobtelno').show(); //show this text box
        $('.redstar').show(); //shows red star when Mobile option is selected
    } else {
        $('.confirmmobtelno').hide(); //hide textbox
        $('.redstar').hide(); //Hides red star
    }

    if ($('.communicationCB input[name=CCommmunication]').val() == "TelephoneNoAlternative") {  //if value == to TelephoneNoalternative
        $('.confirmalttelno').show(); //show confirm alt tel no text box
        $('.redstaralttel').show(); //shows red star when Alt telephone option is selected
    } else {
        $('.confirmalttelno').hide(); //else hide it
        $('.redstaralttel').hide(); //Hides red star

    }
};
$(function () { checkComm(); });
$('.communicationCB input[name=CCommmunication]').click(function () { checkComm(); });

保持红星显示页面加载？

1 个答案: