js如何把a标签里面的值传递到函数里面

Posted 2020-11-24 三只坚果

----------------------a标签如何定 如何传参到函数----------------------

1.<a></a>标签 如何传参到函数

 <a class="btn bg-olive btn-xs" href="javascript:void(0);" id="del" onclick=deleteRoles("${role.id}"); >删除角色</a>

2.js代码

 

/*删除角色提示信息---------------------*/
            function deleteRoles(id) {//单删
                //判断
                if (confirm("确定删除?")){//confirm:点击确认就执行 ,单击取消不支持
                    location.href="${pageContext.request.contextPath}/role/deleteRole.do?id="+id;//把id传递到controller中
                }
            }

 

----------------------button按钮如何定义单击函数----------------------

1.在button表签设置onclick="fun1()"  点击跳转的函数 定义id

<button type="button"onclick="fun1()" id="delSelected1">删除</button>

2.js定义单击事件

        /*添加删除选中栏(上面的删除)*/
        function fun1(){
            //给删除选中按钮添加单击事件
            document.getElementById("delSelected1").onclick = function(){
                if(confirm("您确定要删除选中条目吗？")){
                    var flag=false;
                    //判断是否有选中条目,不选中任何条目删除会报空指针异常错误
                    var name = document.getElementsByName("ids");
                    for (var i = 0; i < name.length; i++) {
                        if(name[i].checked){
                            //有一个条目选中了
                            flag=true;
                            break;
                        }
                    }
                    if (flag){//有删除的条目被选中需要删除
                        //提交表单
                        document.getElementById("form").submit();/*表示的是from表单提交*/
                    }
                }
            }
        }

View Code