如何在页面中分隔两种形式

debugcn 发表于 Dev

用户名

我在页面中有两种形式，但是当我单击一个按钮时，另一种形式也将运行，并且>>>同一页面的两个窗口<<<将打开。如何在页面中分离这两种或两种以上形式的功能？

代码如下。另一种形式具有相同的代码，但具有不同的网址。

<form method="post">
             <input id="element 1_1" class="element radio1" name="element 1" type="radio" value="http://www.yahoo.com" /> 
    MODEL 13<br/>
    <br/>
    <input id="element 2_1" class="element radio1" name="element 1" type="radio" value="http://www.msn.com" />
    MODEL 17<br/><br/>
    <input id="element 3_1" class="element radio1" name="element 1" type="radio"   value="http://www.ebay.com" /> 
    MODEL 22 <br/><br/>

<script>
$(function () {
    $("form").submit(function (e) {
        e.preventDefault();
        var url = $(this).find('input[type="radio"]:checked').val();
        window.open(url);

    });
});
</script></form>

其他编码器

<form method="post">
              <input id="element 1_2" class="element radio" name="element 2" type="radio" value="http://www.123.com" /> 
    MODEL 5 - 8<br/>
    <br/>
    <input id="element 2_2" class="element radio" name="element 2" type="radio" value="http://www.543.com" />
    MODEL 6-10<br/>
    <br/>
<script>
$(function () {
    $("form").submit(function (e) {
        e.preventDefault();
        var url = $(this).find('input[type="radio"]:checked').val();
        window.open(url);

    });
});
</script></form>

佛陀

您可以id对每个表单使用属性。

<form method="post" id="form1">
   ...
</form>

<form method="post" id="form2">
   ...
</form>

<script>
$(function () {
  $("#form1").submit(function(e) {
    // function for form1
  });
  $("#form2").submit(function(e) {
    // function for form2
  });
});
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。