JS控制submit表单提交前进行预览和confirm确认提交。
我们经常会遇到这样的场景,某一个form表单提交前,想知道那些checkbox的内容被选中了,如果符合则提交,如果不符合,则取消提交,很简单的代码,我就不说了,直接上代码了。
<script type="text/jscript"> $(document).ready(function() { //alert($("input[name=‘xinjiu‘]:checked").val()); }); function comf(){ var str=""; $("input[type=‘checkbox‘]:checked").each(function(){ str +=$(this).attr("val")+","; }) if(!str){ alert("亲,您没有选择吧");return false; } return confirm("您开始提交吗?"+str); } </script> <form action="http://www.zizaiyou.cn" onsubmit="return comf()"> <input val="aa" value="222" name="name1" type="checkbox">aa<br> <input val="bb" value="222" name="name2" type="checkbox">bb<br> <input type="submit" id="submit" value="提交" > </form>
来源:http://www.jincon.com/archives/268/
时间: 2024-10-14 16:48:27