我是靠谱客的博主 忧心小伙,这篇文章主要介绍submit按钮结合onclick事件 action="#"刷新本网页--删action不提交,现在分享给大家,希望可以做个参考。

<!--submit按钮结合onclick事件 实现表单的提交与验证 action=提交后打开的网页--action="#"刷新本网页--删action不提交-->
<form name="form1" method="post" >
<!-- 内容:<input type="text" name="content" />-->

<ul><li class="form-layout">
<label class="title form-layout">&nbsp;26.下列属于化学性危害的是_____。</label>
<label class="form-layout">
<input type="checkbox" name="attr-27[]" id="attr-27-0" value="A.瘦肉精"><label for="attr-27-0">A.瘦肉精</label>  <input type="checkbox" name="attr-27[]" id="attr-27-1" value="B.贝类毒素"><label for="attr-27-1">B.贝类毒素</label> 
<input type="checkbox" name="attr-27[]" id="attr-27-2" value="C.雪卡毒素"><label for="attr-27-2">C.雪卡毒素</label> 
<input type="checkbox" name="attr-27[]" id="attr-27-3" value="D.违禁或超量使用的食品添加剂残留"><label for="attr-27-3">D.违禁或超量使用的食品添加剂残留</label>  </label><font> *</font></li>
<input type="submit" value="检查并提交" οnclick="return checkattr()"/>
<!--在submit按钮处添加 Onclick事件 进行表单的简单验证也是可以的-->

</ul></form>
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("请先选择复选框~!");
}
else

{
alert("复选框的值是:"+chestr);
}
}
</script>
选择您的拿手技术:
<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" οnclick="checkattr()" value="提交" />
<!--submit按钮结合onclick事件 实现表单的提交与验证 form外可以-->
</body>

最后

以上就是忧心小伙最近收集整理的关于submit按钮结合onclick事件 action="#"刷新本网页--删action不提交的全部内容,更多相关submit按钮结合onclick事件内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(101)

评论列表共有 0 条评论

立即
投稿
返回
顶部