在一个HTML表单内的一个button上设置onclick=“chk()”,那怎么在chk方法中获取button对象。不用"this”

在一个HTML表单内的一个button上设置onclick=“chk()”,那怎么在chk方法中获取button对象。不用"this”,第1张

不知道我的理解对不对,首先你的tab应该指的是一个表格吧,我用的是

documentgetElementById("tab")来获取表格的,然后根据第零行零列获取

所有标签名字为 input 的控件,通过 控件type 可以获得控件的类型

同理可以 控件id 之类的,下面是我获取控件的一段代码,你保存为

html格式,运行看一下是不是你要的效果

<html>

<head>

<script language="javascript">

function chk(){

var items = documentgetElementById("tab")rows[0]cells[0]getElementsByTagName("input");

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

alert(items[i]type);

}

}

</script>

</head>

<body>

<form name="myform">

<table name="tab" id="tab">

<tr>

<td>

<input type="button" onclick="javascript:chk()" name="button1" id="button1" value=" 1 ">

<input type="button" onclick="javascript:chk()" name="button2" id="button2" value=" 2 ">

<input type="button" onclick="javascript:chk()" name="button3" id="button3" value=" 3 ">

<input type="button" onclick="javascript:chk()" name="button4" id="button4" value=" 4 ">

</td>

<td></td>

</tr>

</table>

</form>

</body>

</html>

  html中获取标签的数据,可以通过js来获取,如下代码:

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 .是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 .是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知!");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业!");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号:</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称:</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师:</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业:</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知:</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

某些非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');

})

以上就是关于在一个HTML表单内的一个button上设置onclick=“chk()”,那怎么在chk方法中获取button对象。不用"this”全部的内容,包括:在一个HTML表单内的一个button上设置onclick=“chk()”,那怎么在chk方法中获取button对象。不用"this”、html的标签,如何获取当前选中的项的内容呢、如何给html元素的onclick事件传递参数如何获取html标签的data等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10148944.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存