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

    最近在写一个的问卷调查。因为客户要求要分很多页，并且不同题目的显示效果不同。小步就在日日夜夜的js代码中摸索出了下面这么一个方法。

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

<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;
}

//如果选中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" οnclick="return getClick()"/>

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

   

转载于:https://my.oschina.net/MiniBu/blog/82383