多个按钮一个事件

版权声明：署名，允许他人基于本文进行创作，且必须基于与原先许可协议相同的许可协议分发本文 （Creative Commons）

有很多时候我们单纯的动作只是为了修改一下数据的状态，可以通过多个按钮多个事件修改，为了增加代码的复用性我们也可以用一个按钮一个事件来修改，或者多个按钮一个事件（可以让用户比较清楚自己的动作）；

下面讲的是多个按钮一个方法：

HTML代码：

@*首先我们设置按钮的时候，给它的点击事件带一个参数*@
<button type="button" onclick="BlankOut(0)">作废</button>
<button type="button" onclick="BlankOut(1)">取消作废</button>

<script type="text/javascript">
//作废||取消作废 点击按钮事件
    function BlankOut(If) {
        var IfState;
//通过判断传过来的参数，初始化状态值
        if (If == 0) {
            IfState = true;
        }
        else {
            IfState = false;
        }
        var check = $("#HuZhuGuanLi :checkbox:checked");//获取选中的CheckBox， 
        var array = new Array();//申明一个数组
        //判断是否有选中数据
        if (check.length > 0) {
            //如果有，便通过循环遍历将选中CheckBox的值插入数组。
            for (var i = 0; i < check.length; i++) {
                array.push(check[i].value);
            }
            $.post("AmendStateT?array=" + array + "&IfState=" + IfState, function(data) {
                if (data.State) {
                    layer.msg(data.Text, { offset: "150px", anim: 1 });
                    HuZhuGuanLi.refreshPage();//刷新表格
                }
                else {
                    layer.msg(data.Text, { offset: "150px", anim: 1 });
                }
            });
        }
    }
</script>

Controller代码：  

写一个方法，注意参数接收，IfState输出值为true或false；

通过传过来的值判断界面动作是作废还是取消作废，

前面传过来的是一个数组，而数据形式如上图，我们需要分割一下

 

然后循环遍历，判断我们要做的动作是否跟数据一样，一样的话便不作操作。

这样子我们可以提高代码的复用性。