reset按钮

lverking 2010-05-13 02:30:19

定义一个reset按钮，我想给她个onclick事件，在她执行本身的内置的功能之后执行我的onclick事件，有没有办法解决

...全文

365 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

hoojo 2010-05-13

打赏
举报

[Quote=引用 3 楼 stayalive 的回复:]
HTML code
<form id="form1">
<input value="def" id="test" name="test" />
<input type="reset" id="btnReset" value="Reset" />
</form>
<script type="text/javascript">
//<![CDATA[
var i=0;
function foo(){
alert(i++);
}
$(function(){
$('#btnReset').unbind('click').bind('click',function(event){
//阻止默认事件
event.preventDefault();
foo();
$('form#form1')[0].reset();
foo();
});
});
//]]>
</script>

基于jQuery,方法，在reset btn上绑定click事件
事件内容为，event.preventDefault();取消默认行为，即重置
然后，自己调用form的reset事件，然后再执行自己foo;
再reset前后分别一次foo,是为了显示调用reset之前和之后都可以调用foo;
建议是才去#2楼的建议，用buttion自己定义reset方法，而不是取消默认的reset方法
[/Quote]
同意

wwq0123 2010-05-13

打赏
举报

用button代替，onclick里执行reset()方法；



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

 <head>

  <title> New Document </title>

 </head>



 <body>

 <form name="form1" action="#">

  <input type="text" value=""/>

  <input type="button" onclick="form1.reset();alert('ok');" value="reset"/>

 </form>

 </body>

</html>

mzgwh198857 2010-05-13

打赏
举报

既然想自定义onclick事件，用button按钮不是更好吗。

stayalive 2010-05-13

打赏
举报



<form id="form1">

<input value="def" id="test" name="test" />

<input type="reset" id="btnReset" value="Reset" />

</form>

<script type="text/javascript">

//<![CDATA[

var i=0;

function foo(){

	alert(i++);

}

$(function(){

	$('#btnReset').unbind('click').bind('click',function(event){

		//阻止默认事件

		event.preventDefault();

		foo();

		$('form#form1')[0].reset();

		foo();

	});

});

//]]>

</script>

基于jQuery,方法，在reset btn上绑定click事件
事件内容为，event.preventDefault();取消默认行为，即重置
然后，自己调用form的reset事件，然后再执行自己foo;
再reset前后分别一次foo,是为了显示调用reset之前和之后都可以调用foo;
建议是才去#2楼的建议，用buttion自己定义reset方法，而不是取消默认的reset方法

jsg2004jack 2010-05-13