其他分享
首页 > 其他分享> > 多个按钮一个事件

多个按钮一个事件

作者:互联网

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

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

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;

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

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

 

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

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

标签:多个,作废,IfState,事件,按钮,var,array,check
来源: https://blog.csdn.net/qq_44551864/article/details/94958645