如何给html元素的onclick事件传递参数即如何获取html标签的data

某些非text元素，如a、button等用于触发时间的标签可已将要传的数据放在一个属性中，如data，这个属性必须是不影响样式的，可以使用任意非html定义的名字命名属性，然后将数据传到属性中。

具体可以按照如下程序设置：

<button data="123" id="but" onclick="fun()">按钮</button>

然后通过attr这个方法获取属性内容$('#but')attr('data')

其实完全可以直接写在onclick里作为参数

<button onclick="fun(123)">按钮</button>

如果使用id触发方法，还可以直接用this选择

<button data="123" id="but" >按钮</button>

$('#but')on('click', function(){

var val = $(this)attr('data');

})

1、首先打开Eclipse。

2、点击菜单栏File->New->DynamicWebProject。

3、点击Next，进入下一步。

4、点击Finish，完成项目创建。

5、创建一个addjsp。

6、在addjsp添加一段脚本，用来计算两个数的和。

7、使用jsp:include 导入动态文件，使用jsp:param传递参数。

一般可以用原生js及jQuery获取html元素的值。

1

<div id="test">数值</div>

原生js写法：

1

alert(documentgetElementById('test')innerHTML);//数值

jQuery写法：

1

alert($('#test')html());//数值

说明：

innerHTML是取元素的内部html代码，此例中即div内部的所有html代码

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法

1、首先我们准备好html文档，在其中写好form表单。

2、接下来在后台方法中我们通过getParameter来获取请求的参数。

3、然后我们启动Tomcat，选择Redeploy选项。

4、然后我们就可以在后台的输出栏中看到输入的内容了。

5、更改为${}来使用,运行成功,sql语句为:"select from tbl_employee where id = 4 and last_name = ",故可以使用${}来获取Map参数列表中的表名。

1 使用表单的方式传参

把表单元素放在<form> 标签里面，直接提交表单就行

2 使用URL重定向方式传值

比如：locationhref = "logindomethod=checktel&name=lisi&age=10";

后台通过 request 对象接收参数

String name = requestgetParameter("name");

String age = requestgetParameter("age");

function UrlSearch() 

{

   var name,value; 

   var str=locationhref; //取得整个地址栏

   var num=strindexOf("") 

   str=strsubstr(num+1); //取得所有参数   stringvarsubstr(start [, length ]

   var arr=strsplit("&"); //各个参数放到数组里

   for(var i=0;i < arrlength;i++){ 

    num=arr[i]indexOf("="); 

    if(num>0){ 

     name=arr[i]substring(0,num);

     value=arr[i]substr(num+1);

     this[name]=value;

     } 

    } 

} 

var Request=new UrlSearch(); //实例化

var name=Requestname;

望采纳。

以上就是关于如何给html元素的onclick事件传递参数即如何获取html标签的data全部的内容，包括:如何给html元素的onclick事件传递参数即如何获取html标签的data、用js传递HTML之间的参数、怎么获取html中的参数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！