JS中某事件须要同时调用几个function另类解决办法。

    最近在写一个的问卷调查。由于客户要求要分不少页,而且不一样题目的显示效果不一样。小步就在日日夜夜的js代码中摸索出了下面这么一个方法。

    同时调用多个function,有时候容易出错,不如仍是写在一个function里来的方便。下面随便来个小例子:javascript

<script type="text/javascript">
//亮点在这里:经过一个方法来融合几个function。不过要注意蓝色字体部分的逻辑。
function getClick()
{
    var bool_1 = f1();
    var bool_2 = f2();
    if(bool_1==true && bool_2==true)
    {
        return true;
    }
    return false;
}
//非空验证,输出提示
function f1()
{
    var option = document.getElementById("option");
    var content = document.getElementById("content");
    var validate= document.getElementById("validate");
    if(option.checked ==true && content.value=="")
    {
        validate.innerHTML = 请列举相关事项。";
        return false;
    }
    validate.innerHTML = "";
    return true;
}java

//若是选中checkbox,光标跳到文本框
function f2()
{
    var option = document.getElementById("option");
    var content = document.getElementById("content");
    if(option.checked == true)
    {
        content.focus();
        return true;
    }
    return false;
}字体

</script>
<input type="checkbox" name="option" id="option"/>
其余(请列举):<input type="text" id="content" />
<div id="validate"></div>
<input type="submit" id="submit" onclick="return getClick()"/>spa

具体思路就是这样,先记录下来。也不是多大的成就,就是以为换了一种思路实现了效果有那么一点点的欣喜。毕竟算是从JS小白到菜鸟的一次小小进阶吧。写下来告诉本身:遇到问题不妨多想几条思路,一是磨刀不误砍柴工,二是身处绝境也许会有又一村在柳暗花明处等你。ip

相关文章
相关标签/搜索