js如何实现单机图片按钮实现该图片的提交,该图片是按钮图

发布网友发布时间：2022-04-07 06:05

共2个回答

热心网友时间：2022-04-07 07:34

可以实现，而且非常简单。
方法是：onsubmi截获
1. 表单中增加onsubmit事件
2. 为submit按钮指定ID
3. 利用函数设置图片
<script type="text/javascript">
function setPic() {
document.getElementById('pic').value=document.getElementById('bt_submit').src;
return true;
}
</script>
<form action="xxxx" onsubmit="return setPic();">
<input type="text" id="pic" value="" />
<input type=image alt=submit id="bt_submit" src="11.jpg">
</form>追问你这是在同个表单内的如果是在同一个页面不同表单内是不是也是这么实现的呢？

追答同页面的话：给按钮和输入框一个页面唯一的ID就行了，只要在同一个页面，不管你在那个表单中。

热心网友时间：2022-04-07 08:52

只能用js实现了，地址是被提交的地址
<form action="地址" name="form1">
......
<input type=image alt=submit src="11.jpg" onclick="javascript:tijiao()" />
......
</form>
<script>
function tijiao(){
document.form1.submit(); //form1是上面form的name属性
}
</script>